diff options
Diffstat (limited to 'viewer/src/components')
-rw-r--r-- | viewer/src/components/LdThumbnail.vue | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/viewer/src/components/LdThumbnail.vue b/viewer/src/components/LdThumbnail.vue index d5c0b3c..17c7659 100644 --- a/viewer/src/components/LdThumbnail.vue +++ b/viewer/src/components/LdThumbnail.vue | |||
@@ -27,7 +27,7 @@ | |||
27 | @intersect="loading=true" | 27 | @intersect="loading=true" |
28 | @load="loading=false" | 28 | @load="loading=false" |
29 | /> | 29 | /> |
30 | <div v-else class="flex-column flex-center"> | 30 | <div v-else class="thumbnail-other flex-column flex-center"> |
31 | <fa-icon :icon="getIcon()" size="4x" /> | 31 | <fa-icon :icon="getIcon()" size="4x" /> |
32 | {{item.title}} | 32 | {{item.title}} |
33 | </div> | 33 | </div> |
@@ -63,6 +63,12 @@ export default class LdThumbnail extends Vue { | |||
63 | <style lang="scss"> | 63 | <style lang="scss"> |
64 | @import "@/assets/scss/theme.scss"; | 64 | @import "@/assets/scss/theme.scss"; |
65 | 65 | ||
66 | .thumbnail-other { | ||
67 | width: $thumbnail-other-size; | ||
68 | height: $thumbnail-other-size; | ||
69 | text-align: center; | ||
70 | } | ||
71 | |||
66 | .preload { | 72 | .preload { |
67 | animation: preloadAnimation 1s infinite ease-in-out alternate; | 73 | animation: preloadAnimation 1s infinite ease-in-out alternate; |
68 | } | 74 | } |