diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-10-14 09:47:38 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-10-14 09:47:38 +0900 |
| commit | 0f8847bb747d71ad4ea045128e4e968883bc8556 (patch) | |
| tree | af61e3b330875203f6f70f804e69d6cd758eee8a /src/client/app/mobile/views/components/notes.vue | |
| parent | Merge branch 'develop' of https://github.com/syuilo/misskey into develop (diff) | |
| download | misskey-0f8847bb747d71ad4ea045128e4e968883bc8556.tar.gz misskey-0f8847bb747d71ad4ea045128e4e968883bc8556.tar.bz2 misskey-0f8847bb747d71ad4ea045128e4e968883bc8556.zip | |
Resolve #2618
Diffstat (limited to 'src/client/app/mobile/views/components/notes.vue')
| -rw-r--r-- | src/client/app/mobile/views/components/notes.vue | 17 |
1 files changed, 9 insertions, 8 deletions
diff --git a/src/client/app/mobile/views/components/notes.vue b/src/client/app/mobile/views/components/notes.vue index 8f0a1ef196..62ab8c442a 100644 --- a/src/client/app/mobile/views/components/notes.vue +++ b/src/client/app/mobile/views/components/notes.vue @@ -4,8 +4,10 @@ <slot name="empty" v-if="notes.length == 0 && !fetching && requestInitPromise == null"></slot> - <div class="init" v-if="fetching"> - %fa:spinner .pulse%%i18n:common.loading% + <div class="skeleton" v-if="fetching"> + <template v-for="i in 10"> + <mk-note-skeleton :key="i"/> + </template> </div> <div v-if="!fetching && requestInitPromise != null"> @@ -251,13 +253,12 @@ export default Vue.extend({ [data-fa] margin-right 8px - > .init - padding 64px 0 - text-align center - color #999 + > .skeleton + padding 16px + opacity 0.3 - > [data-fa] - margin-right 4px + @media (min-width 500px) + padding 32px > .empty margin 0 auto |