diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-12-16 11:32:20 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-12-16 11:32:20 +0900 |
| commit | d18ee12d2f395648872daccd5eacc75b6fca27a9 (patch) | |
| tree | f1f070141da175cd75e94f93facea676f430c4de /src/client/app/admin/views/users.vue | |
| parent | Merge branch 'develop' of https://github.com/syuilo/misskey into develop (diff) | |
| download | sharkey-d18ee12d2f395648872daccd5eacc75b6fca27a9.tar.gz sharkey-d18ee12d2f395648872daccd5eacc75b6fca27a9.tar.bz2 sharkey-d18ee12d2f395648872daccd5eacc75b6fca27a9.zip | |
[Client] Add some animations :art:
Diffstat (limited to 'src/client/app/admin/views/users.vue')
| -rw-r--r-- | src/client/app/admin/views/users.vue | 30 |
1 files changed, 16 insertions, 14 deletions
diff --git a/src/client/app/admin/views/users.vue b/src/client/app/admin/views/users.vue index b0821c2453..21d41efba8 100644 --- a/src/client/app/admin/views/users.vue +++ b/src/client/app/admin/views/users.vue @@ -38,25 +38,27 @@ <option value="remote">{{ $t('users.origin.remote') }}</option> </ui-select> </ui-horizon-group> - <div class="kofvwchc" v-for="user in users"> - <div> - <a :href="user | userPage(null, true)"> - <mk-avatar class="avatar" :user="user" :disable-link="true"/> - </a> - </div> - <div> - <header> - <b><mk-user-name :user="user"/></b> - <span class="username">@{{ user | acct }}</span> - </header> + <sequential-entrance animation="entranceFromTop" delay="25"> + <div class="kofvwchc" v-for="user in users"> <div> - <span>{{ $t('users.updatedAt') }}: <mk-time :time="user.updatedAt" mode="detail"/></span> + <a :href="user | userPage(null, true)"> + <mk-avatar class="avatar" :user="user" :disable-link="true"/> + </a> </div> <div> - <span>{{ $t('users.createdAt') }}: <mk-time :time="user.createdAt" mode="detail"/></span> + <header> + <b><mk-user-name :user="user"/></b> + <span class="username">@{{ user | acct }}</span> + </header> + <div> + <span>{{ $t('users.updatedAt') }}: <mk-time :time="user.updatedAt" mode="detail"/></span> + </div> + <div> + <span>{{ $t('users.createdAt') }}: <mk-time :time="user.createdAt" mode="detail"/></span> + </div> </div> </div> - </div> + </sequential-entrance> <ui-button v-if="existMore" @click="fetchUsers">{{ $t('@.load-more') }}</ui-button> </section> </ui-card> |