diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2019-02-19 03:38:34 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2019-02-19 03:38:34 +0900 |
| commit | 963b0db3d3f633ac45321d50f5d98bb60e3a59ee (patch) | |
| tree | d0d2f176c9836f2d9efd9f0d7fe59fb66ceb45bb /src/client/app/common | |
| parent | developにキャッシュFlushリンクを追加 (#4313) (diff) | |
| download | misskey-963b0db3d3f633ac45321d50f5d98bb60e3a59ee.tar.gz misskey-963b0db3d3f633ac45321d50f5d98bb60e3a59ee.tar.bz2 misskey-963b0db3d3f633ac45321d50f5d98bb60e3a59ee.zip | |
コンポーネント整理
Diffstat (limited to 'src/client/app/common')
| -rw-r--r-- | src/client/app/common/views/components/user-list.vue | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/src/client/app/common/views/components/user-list.vue b/src/client/app/common/views/components/user-list.vue index 48ca54666f..80f43908f4 100644 --- a/src/client/app/common/views/components/user-list.vue +++ b/src/client/app/common/views/components/user-list.vue @@ -4,13 +4,13 @@ <mk-error v-if="!fetching && !inited" @retry="init()"/> - <div class="efvhhmdq" v-size="[{ lt: 500, class: 'narrow' }]"> + <div class="efvhhmdq" :class="{ iconOnly }" v-size="[{ lt: 500, class: 'narrow' }]"> <div class="no-users" v-if="inited && us.length == 0"> <p>{{ $t('no-users') }}</p> </div> <div class="user" v-for="user in us"> <mk-avatar class="avatar" :user="user"/> - <div class="body"> + <div class="body" v-if="!iconOnly"> <div class="name"> <router-link class="name" :to="user | userPage" v-user-preview="user.id"><mk-user-name :user="user"/></router-link> <p class="username">@{{ user | acct }}</p> @@ -98,6 +98,18 @@ export default Vue.extend({ > .user > .body > .description display none + &.iconOnly + padding 12px + + > .user + display inline-block + padding 0 + border-bottom none + + > .avatar + display inline-block + margin 4px + > .no-users text-align center color var(--text) |