Hide thumbnail position doc

pull/5806/head
Cagatay Civici 2024-05-30 12:41:33 +03:00
parent e3f9f50298
commit 203d20b6ce
2 changed files with 9 additions and 12 deletions

View File

@ -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>

View File

@ -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',