diff options
-rw-r--r-- | viewer/src/assets/scss/theme.scss | 1 | ||||
-rw-r--r-- | viewer/src/components/LdThumbnail.vue | 8 |
2 files changed, 8 insertions, 1 deletions
diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss index bd21a19..0a921a9 100644 --- a/viewer/src/assets/scss/theme.scss +++ b/viewer/src/assets/scss/theme.scss | |||
@@ -59,6 +59,7 @@ $loader-color: $palette-800; | |||
59 | $input-tag-delete-background-color: $palette-700; | 59 | $input-tag-delete-background-color: $palette-700; |
60 | $breadcrumb-margins: 12px; | 60 | $breadcrumb-margins: 12px; |
61 | $breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px; | 61 | $breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px; |
62 | $thumbnail-other-size: 120px; | ||
62 | 63 | ||
63 | 64 | ||
64 | // Layout | 65 | // Layout |
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 | } |