From 1dc7895eabd04132ad3412d4c89827617b5c2634 Mon Sep 17 00:00:00 2001
From: ninedev <master-vva@narod.ru>
Date: Fri, 14 Feb 2025 14:07:08 +0300
Subject: [PATCH] fix gallery column count

---
 components/content/Gallery.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/content/Gallery.vue b/components/content/Gallery.vue
index 5cc505ee..1865e81a 100644
--- a/components/content/Gallery.vue
+++ b/components/content/Gallery.vue
@@ -5,7 +5,7 @@ const props = defineProps<{ data: [string, string, number][]; withBorder?: boole
 const photos = ref();
 const openedPhoto = ref(null);
 
-const numberOfColumns = computed(() => props.data.length >= 5 ? 5 : props.data.length);
+const numberOfGalleryColumns = computed(() => props.data.length >= 5 ? 5 : props.data.length);
 
  const susbscribeKeyPress = debounce(function({ keyCode }) {
     if (!openedPhoto.value) {
@@ -57,13 +57,13 @@ watch(openedPhoto, () => {
   </div>
 </template>
 
-<style>
+<style scoped>
 .gallery {
   gap: 0 12px;
   max-width: 100%;
   clear: both;
   display: grid;
-  grid-template-columns: repeat(v-bind('numberOfColumns'), 1fr);
+  grid-template-columns: repeat(v-bind('numberOfGalleryColumns'), 1fr);
   width: fit-content;
 
   @media (max-width: 700px) {