From 53bbb2b65e405aa93f1689faabce9cfa019e6d8f Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Mon, 27 Apr 2020 15:41:51 +0200
Subject: viewer: moved the global thumbnail CSS class to its component

---
 viewer/src/assets/scss/global.scss  | 12 ------------
 viewer/src/components/LdGallery.vue | 13 +++++++++++--
 2 files changed, 11 insertions(+), 14 deletions(-)

(limited to 'viewer')

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 {
   background-color: $scrollbar-color;
 }
 
-// === Thumbnail tiles alignment
-
-.thumbnail-tiles {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-evenly;
-  & > a {
-    margin: 2px;
-  }
-}
-
 // === Effect to apply on lazy-image loading
 
 img {
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 {
 </script>
 
 <style lang="scss">
-.thumbnail-tiles .noresult {
-  margin-top: 40px;
+.thumbnail-tiles {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-evenly;
+  & > a {
+    margin: 2px;
+  }
+  & .noresult {
+    margin-top: 40px;
+  }
 }
 </style>
-- 
cgit v1.2.3