aboutsummaryrefslogtreecommitdiff
path: root/viewer/src
diff options
context:
space:
mode:
authorZero~Informatique2020-02-11 02:06:49 +0100
committerZero~Informatique2020-02-11 02:06:49 +0100
commitabcd10f8ac944f29a77d756558b1773551ee0877 (patch)
tree99a367d511600093a3959498b092cc1425d7840f /viewer/src
parent6a97f1291fb9ed690f143670aa963693edb9fa8a (diff)
downloadldgallery-abcd10f8ac944f29a77d756558b1773551ee0877.tar.gz
viewer: thumbnail others fixed sizes for better layout
Diffstat (limited to 'viewer/src')
-rw-r--r--viewer/src/assets/scss/theme.scss1
-rw-r--r--viewer/src/components/LdThumbnail.vue8
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}