diff options
Diffstat (limited to 'viewer/src/components/LdGallery.vue')
-rw-r--r-- | viewer/src/components/LdGallery.vue | 6 |
1 files changed, 3 insertions, 3 deletions
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 @@ | |||
19 | 19 | ||
20 | <template> | 20 | <template> |
21 | <ld-error v-if="hasNoResults" icon="search" :message="noresult" /> | 21 | <ld-error v-if="hasNoResults" icon="search" :message="noresult" /> |
22 | <div v-else class="thumbnail-tiles"> | 22 | <div v-else :class="$style.thumbnailTiles"> |
23 | <router-link v-for="item in sortedItems" :key="item.path" :to="item.path"> | 23 | <router-link v-for="item in sortedItems" :key="item.path" :to="item.path"> |
24 | <ld-thumbnail :item="item" /> | 24 | <ld-thumbnail :item="item" /> |
25 | </router-link> | 25 | </router-link> |
@@ -45,8 +45,8 @@ export default class LdPicture extends Vue { | |||
45 | } | 45 | } |
46 | </script> | 46 | </script> |
47 | 47 | ||
48 | <style lang="scss"> | 48 | <style lang="scss" module> |
49 | .thumbnail-tiles { | 49 | .thumbnailTiles { |
50 | display: flex; | 50 | display: flex; |
51 | flex-wrap: wrap; | 51 | flex-wrap: wrap; |
52 | align-items: center; | 52 | align-items: center; |