vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
doc/galleria/ResponsiveDoc.vue
View File

@ -9,9 +9,7 @@
<img :src="slotProps.item.itemImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" /> <img :src="slotProps.item.itemImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
</template> </template>
<template #thumbnail="slotProps"> <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" />
<img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
</div>
</template> </template>
</Galleria> </Galleria>
</div> </div>
@ -43,9 +41,9 @@ export default {
<img :src="slotProps.item.itemImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" /> <img :src="slotProps.item.itemImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
</template> </template>
<template #thumbnail="slotProps"> <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" /> <img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
</div> </template>
</template> </template>
</Galleria> </Galleria>
`, `,
@ -57,9 +55,9 @@ export default {
<img :src="slotProps.item.itemImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" /> <img :src="slotProps.item.itemImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
</template> </template>
<template #thumbnail="slotProps"> <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" /> <img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
</div> </template>
</template> </template>
</Galleria> </Galleria>
</div> </div>
@ -98,9 +96,9 @@ export default {
<img :src="slotProps.item.itemImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" /> <img :src="slotProps.item.itemImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
</template> </template>
<template #thumbnail="slotProps"> <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" /> <img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block" />
</div> </template>
</template> </template>
</Galleria> </Galleria>
</div> </div>

5
pages/galleria/index.vue
View File

@ -11,7 +11,6 @@ import CaptionDoc from '@/doc/galleria/CaptionDoc.vue';
import ControlledDoc from '@/doc/galleria/ControlledDoc.vue'; import ControlledDoc from '@/doc/galleria/ControlledDoc.vue';
import ImportDoc from '@/doc/galleria/ImportDoc.vue'; import ImportDoc from '@/doc/galleria/ImportDoc.vue';
import ResponsiveDoc from '@/doc/galleria/ResponsiveDoc.vue'; import ResponsiveDoc from '@/doc/galleria/ResponsiveDoc.vue';
import ThumbnailDoc from '@/doc/galleria/ThumbnailDoc.vue';
import CustomContentDoc from '@/doc/galleria/fullscreen/CustomContentDoc.vue'; import CustomContentDoc from '@/doc/galleria/fullscreen/CustomContentDoc.vue';
import WithThumbnailsDoc from '@/doc/galleria/fullscreen/WithThumbnailsDoc.vue'; import WithThumbnailsDoc from '@/doc/galleria/fullscreen/WithThumbnailsDoc.vue';
import WithoutThumbnailsDoc from '@/doc/galleria/fullscreen/WithoutThumbnailsDoc.vue'; import WithoutThumbnailsDoc from '@/doc/galleria/fullscreen/WithoutThumbnailsDoc.vue';
@ -71,12 +70,12 @@ export default {
component: TemplateDoc component: TemplateDoc
} }
] ]
}, } /*,
{ {
id: 'thumbnail', id: 'thumbnail',
label: 'Thumbnail', label: 'Thumbnail',
component: ThumbnailDoc component: ThumbnailDoc
}, },*/,
{ {
id: 'responsive', id: 'responsive',
label: 'Responsive', label: 'Responsive',