From 203d20b6ce038b8518dbdcf64e201d97464218e4 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 30 May 2024 12:41:33 +0300
Subject: [PATCH] Hide thumbnail position doc

---
 doc/galleria/ResponsiveDoc.vue | 16 +++++++---------
 pages/galleria/index.vue       |  5 ++---
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/doc/galleria/ResponsiveDoc.vue b/doc/galleria/ResponsiveDoc.vue
index eae5b2036..a9b5c285f 100644
--- a/doc/galleria/ResponsiveDoc.vue
+++ b/doc/galleria/ResponsiveDoc.vue
@@ -9,9 +9,7 @@
                     <img :src="slotProps.item.itemImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
                 </template>
                 <template #thumbnail="slotProps">
-                    <div class="grid grid-cols-12 gap-4 justify-center">
-                        <img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
-                    </div>
+                    <img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
                 </template>
             </Galleria>
         </div>
@@ -43,9 +41,9 @@ export default {
         <img :src="slotProps.item.itemImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
     </template>
     <template #thumbnail="slotProps">
-        <div class="grid grid-cols-12 gap-4 justify-center">
+        <template #thumbnail="slotProps">
             <img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
-        </div>
+        </template>
     </template>
 </Galleria>
 `,
@@ -57,9 +55,9 @@ export default {
                 <img :src="slotProps.item.itemImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
             </template>
             <template #thumbnail="slotProps">
-                <div class="grid grid-cols-12 gap-4 justify-center">
+                <template #thumbnail="slotProps">
                     <img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
-                </div>
+                </template>
             </template>
         </Galleria>
     </div>
@@ -98,9 +96,9 @@ export default {
                 <img :src="slotProps.item.itemImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
             </template>
             <template #thumbnail="slotProps">
-                <div class="grid grid-cols-12 gap-4 justify-center">
+                <template #thumbnail="slotProps">
                     <img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
-                </div>
+                </template>
             </template>
         </Galleria>
     </div>
diff --git a/pages/galleria/index.vue b/pages/galleria/index.vue
index 32fdc8965..74e242be8 100755
--- a/pages/galleria/index.vue
+++ b/pages/galleria/index.vue
@@ -11,7 +11,6 @@ import CaptionDoc from '@/doc/galleria/CaptionDoc.vue';
 import ControlledDoc from '@/doc/galleria/ControlledDoc.vue';
 import ImportDoc from '@/doc/galleria/ImportDoc.vue';
 import ResponsiveDoc from '@/doc/galleria/ResponsiveDoc.vue';
-import ThumbnailDoc from '@/doc/galleria/ThumbnailDoc.vue';
 import CustomContentDoc from '@/doc/galleria/fullscreen/CustomContentDoc.vue';
 import WithThumbnailsDoc from '@/doc/galleria/fullscreen/WithThumbnailsDoc.vue';
 import WithoutThumbnailsDoc from '@/doc/galleria/fullscreen/WithoutThumbnailsDoc.vue';
@@ -71,12 +70,12 @@ export default {
                             component: TemplateDoc
                         }
                     ]
-                },
+                } /*,
                 {
                     id: 'thumbnail',
                     label: 'Thumbnail',
                     component: ThumbnailDoc
-                },
+                },*/,
                 {
                     id: 'responsive',
                     label: 'Responsive',