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

Update spacing

pull/4694/head
Cagatay Civici 2023-10-25 13:17:58 +03:00
parent 91f683a1ba
commit e7aaab62ba
1 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
doc/galleria/ThumbnailDoc.vue
View File

@ -3,12 +3,10 @@
<p>Thumbnails represent a smaller version of the actual content.</p> <p>Thumbnails represent a smaller version of the actual content.</p>
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card">
<div class="flex flex-wrap gap-3 mb-5 align-self-center"> <div class="flex flex-wrap gap-3 mb-5">
<div class="flex flex-wrap gap-3 mb-5"> <div v-for="option in positionOptions" :key="option.label" class="flex align-items-center">
<div v-for="option in positionOptions" :key="option.label" class="flex align-items-center"> <RadioButton v-model="position" :inputId="option.label" name="option" :value="option.value" />
<RadioButton v-model="position" :inputId="option.label" name="option" :value="option.value" /> <label :for="option.label" class="ml-2"> {{ option.label }} </label>
<label :for="option.label" class="ml-2"> {{ option.label }} </label>
</div>
</div> </div>
</div> </div>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="4" :thumbnailsPosition="position" containerStyle="max-width: 640px"> <Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="4" :thumbnailsPosition="position" containerStyle="max-width: 640px">
@ -81,12 +79,10 @@ export default {
options: ` options: `
<template> <template>
<div class="card"> <div class="card">
<div class="flex flex-wrap gap-3 mb-5 align-self-center"> <div class="flex flex-wrap gap-3 mb-5">
<div class="flex flex-wrap gap-3 mb-5"> <div v-for="option in positionOptions" :key="option.label" class="flex align-items-center">
<div v-for="option in positionOptions" :key="option.label" class="flex align-items-center"> <RadioButton v-model="position" :inputId="option.label" name="option" :value="option.value" />
<RadioButton v-model="position" :inputId="option.label" name="option" :value="option.value" /> <label :for="option.label" class="ml-2"> {{ option.label }} </label>
<label :for="option.label" class="ml-2"> {{ option.label }} </label>
</div>
</div> </div>
</div> </div>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="4" :thumbnailsPosition="position" containerStyle="max-width: 640px"> <Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="4" :thumbnailsPosition="position" containerStyle="max-width: 640px">
@ -153,12 +149,10 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card"> <div class="card">
<div class="flex flex-wrap gap-3 mb-5 align-self-center"> <div class="flex flex-wrap gap-3 mb-5">
<div class="flex flex-wrap gap-3 mb-5"> <div v-for="option in positionOptions" :key="option.label" class="flex align-items-center">
<div v-for="option in positionOptions" :key="option.label" class="flex align-items-center"> <RadioButton v-model="position" :inputId="option.label" name="option" :value="option.value" />
<RadioButton v-model="position" :inputId="option.label" name="option" :value="option.value" /> <label :for="option.label" class="ml-2"> {{ option.label }} </label>
<label :for="option.label" class="ml-2"> {{ option.label }} </label>
</div>
</div> </div>
</div> </div>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="4" :thumbnailsPosition="position" containerStyle="max-width: 640px"> <Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="4" :thumbnailsPosition="position" containerStyle="max-width: 640px">