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>