wip
This commit is contained in:
parent
c2e053a208
commit
76c8e05e3a
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue