viewer: thumbnail others fixed sizes for better layout

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;
 $input-tag-delete-background-color: $palette-700;
 $breadcrumb-margins: 12px;
 $breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px;
+$thumbnail-other-size: 120px;
 
 
 // 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 @@
       @intersect="loading=true"
       @load="loading=false"
     />
-    <div v-else class="flex-column flex-center">
+    <div v-else class="thumbnail-other flex-column flex-center">
       <fa-icon :icon="getIcon()" size="4x" />
       {{item.title}}
     </div>
@@ -63,6 +63,12 @@ export default class LdThumbnail extends Vue {
 <style lang="scss">
 @import "@/assets/scss/theme.scss";
 
+.thumbnail-other {
+  width: $thumbnail-other-size;
+  height: $thumbnail-other-size;
+  text-align: center;
+}
+
 .preload {
   animation: preloadAnimation 1s infinite ease-in-out alternate;
 }