From dfa1c6e2f2977c32f75c1d93d9e7eb44fbed28c0 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Sun, 4 Jul 2021 02:22:39 +0200
Subject: viewer: use CSS modules

GitHub: closes #196
---
 viewer/src/components/LdGallery.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'viewer/src/components/LdGallery.vue')

diff --git a/viewer/src/components/LdGallery.vue b/viewer/src/components/LdGallery.vue
index 1443927..e567e7c 100644
--- a/viewer/src/components/LdGallery.vue
+++ b/viewer/src/components/LdGallery.vue
@@ -19,7 +19,7 @@
 
 <template>
   <ld-error v-if="hasNoResults" icon="search" :message="noresult" />
-  <div v-else class="thumbnail-tiles">
+  <div v-else :class="$style.thumbnailTiles">
     <router-link v-for="item in sortedItems" :key="item.path" :to="item.path">
       <ld-thumbnail :item="item" />
     </router-link>
@@ -45,8 +45,8 @@ export default class LdPicture extends Vue {
 }
 </script>
 
-<style lang="scss">
-.thumbnail-tiles {
+<style lang="scss" module>
+.thumbnailTiles {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-- 
cgit v1.2.3

