aboutsummaryrefslogtreecommitdiff
path: root/viewer
diff options
context:
space:
mode:
Diffstat (limited to 'viewer')
-rw-r--r--viewer/src/assets/scss/global.scss12
-rw-r--r--viewer/src/components/LdGallery.vue13
2 files changed, 11 insertions, 14 deletions
diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index f7f092f..9444548 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -96,18 +96,6 @@ button svg + span {
96 background-color: $scrollbar-color; 96 background-color: $scrollbar-color;
97} 97}
98 98
99// === Thumbnail tiles alignment
100
101.thumbnail-tiles {
102 display: flex;
103 flex-wrap: wrap;
104 align-items: center;
105 justify-content: space-evenly;
106 & > a {
107 margin: 2px;
108 }
109}
110
111// === Effect to apply on lazy-image loading 99// === Effect to apply on lazy-image loading
112 100
113img { 101img {
diff --git a/viewer/src/components/LdGallery.vue b/viewer/src/components/LdGallery.vue
index cd4bc28..29c18b9 100644
--- a/viewer/src/components/LdGallery.vue
+++ b/viewer/src/components/LdGallery.vue
@@ -42,7 +42,16 @@ export default class LdPicture extends Vue {
42</script> 42</script>
43 43
44<style lang="scss"> 44<style lang="scss">
45.thumbnail-tiles .noresult { 45.thumbnail-tiles {
46 margin-top: 40px; 46 display: flex;
47 flex-wrap: wrap;
48 align-items: center;
49 justify-content: space-evenly;
50 & > a {
51 margin: 2px;
52 }
53 & .noresult {
54 margin-top: 40px;
55 }
47} 56}
48</style> 57</style>