diff options
Diffstat (limited to 'viewer/src/components')
-rw-r--r-- | viewer/src/components/LdThumbnail.vue | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/viewer/src/components/LdThumbnail.vue b/viewer/src/components/LdThumbnail.vue index 9805873..f8343eb 100644 --- a/viewer/src/components/LdThumbnail.vue +++ b/viewer/src/components/LdThumbnail.vue | |||
@@ -28,7 +28,9 @@ | |||
28 | @load="loading=false" | 28 | @load="loading=false" |
29 | /> | 29 | /> |
30 | <div v-else class="thumbnail-other flex-column flex-center"> | 30 | <div v-else class="thumbnail-other flex-column flex-center"> |
31 | <fa-icon :icon="getIcon()" size="4x" /> | 31 | <div> |
32 | <fa-icon :icon="getIcon()" size="4x" /> | ||
33 | </div> | ||
32 | {{item.title}} | 34 | {{item.title}} |
33 | </div> | 35 | </div> |
34 | </div> | 36 | </div> |
@@ -65,10 +67,13 @@ export default class LdThumbnail extends Vue { | |||
65 | .thumbnail-other { | 67 | .thumbnail-other { |
66 | width: $thumbnail-other-size; | 68 | width: $thumbnail-other-size; |
67 | height: $thumbnail-other-size; | 69 | height: $thumbnail-other-size; |
68 | padding-top: 1em; | 70 | padding-top: $body-line-height * 2em; |
69 | text-align: center; | 71 | text-align: center; |
70 | word-break: break-word; | 72 | word-break: break-word; |
71 | overflow: hidden; | 73 | overflow: hidden; |
74 | > div { | ||
75 | min-height: $body-line-height * 3em; | ||
76 | } | ||
72 | } | 77 | } |
73 | 78 | ||
74 | .preload { | 79 | .preload { |