diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/desktop/views/pages/user-list.vue | 56 |
1 files changed, 24 insertions, 32 deletions
diff --git a/src/client/app/desktop/views/pages/user-list.vue b/src/client/app/desktop/views/pages/user-list.vue index 1889f7dbe4..a01da97f6e 100644 --- a/src/client/app/desktop/views/pages/user-list.vue +++ b/src/client/app/desktop/views/pages/user-list.vue @@ -1,11 +1,13 @@ <template> <mk-ui> - <template v-if="!fetching"> - <header :class="$style.header"> - <h1>{{ list.title }}</h1> - </header> - <mk-user-list-timeline :list="list"/> - </template> + <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"/> + </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 + > main + > div > div + > *:not(:last-child) + margin-bottom 16px -.empty - display block - margin 0 auto - padding 32px - max-width 400px - text-align center - color #999 + > main + padding 16px + width calc(100% - 275px * 2) - > [data-fa] - display block - margin-bottom 16px - font-size 3em - color #ccc + > div + width 275px + margin 0 + padding 16px 0 16px 16px </style> |