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