From 43158660184b2cfc6b451b287e06cb326064a5e7 Mon Sep 17 00:00:00 2001 From: syuilo <syuilotan@yahoo.co.jp> Date: Wed, 25 Apr 2018 20:20:02 +0900 Subject: [PATCH] wip --- .../app/desktop/views/pages/user-list.vue | 56 ++++++++----------- 1 file 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 1889f7dbe..a01da97f6 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 + > main + > div > div + > *:not(:last-child) + margin-bottom 16px -.loading - padding 64px 0 + > main + padding 16px + width calc(100% - 275px * 2) -.empty - display block - margin 0 auto - padding 32px - max-width 400px - text-align center - color #999 - - > [data-fa] - display block - margin-bottom 16px - font-size 3em - color #ccc + > div + width 275px + margin 0 + padding 16px 0 16px 16px </style>