This commit is contained in:
syuilo 2018-04-25 20:20:02 +09:00
parent c2e053a208
commit 76c8e05e3a
1 changed files with 24 additions and 32 deletions

View File

@ -1,11 +1,13 @@
<template> <template>
<mk-ui> <mk-ui>
<template v-if="!fetching"> <div v-if="!fetching" data-id="02010e15-cc48-4245-8636-16078a9b623c">
<header :class="$style.header"> <div>
<h1>{{ list.title }}</h1> <div><h1>{{ list.title }}</h1></div>
</header> </div>
<mk-user-list-timeline :list="list"/> <main>
</template> <mk-user-list-timeline :list="list"/>
</main>
</div>
</mk-ui> </mk-ui>
</template> </template>
@ -40,35 +42,25 @@ export default Vue.extend({
}); });
</script> </script>
<style lang="stylus" module> <style lang="stylus" scoped>
.header [data-id="02010e15-cc48-4245-8636-16078a9b623c"]
width 100% display flex
max-width 600px justify-content center
margin 0 auto margin 0 auto
color #555 max-width 1200px
.notes > main
max-width 600px > div > div
margin 0 auto > *:not(:last-child)
border solid 1px rgba(0, 0, 0, 0.075) margin-bottom 16px
border-radius 6px
overflow hidden
.loading > main
padding 64px 0 padding 16px
width calc(100% - 275px * 2)
.empty > div
display block width 275px
margin 0 auto margin 0
padding 32px padding 16px 0 16px 16px
max-width 400px
text-align center
color #999
> [data-fa]
display block
margin-bottom 16px
font-size 3em
color #ccc
</style> </style>