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

Fixed responsiveness

pull/6537/head
Cagatay Civici 2024-10-03 20:57:43 +03:00
parent 74740970e7
commit 15f6aab46a
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/showcase/doc/imagecompare/ResponsiveDoc.vue
View File

@ -3,7 +3,7 @@
<p>Apply responsive styles to the container element to optimize display per screen size.</p> <p>Apply responsive styles to the container element to optimize display per screen size.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<ImageCompare class="w-full sm:w-96 shadow-lg rounded-2xl"> <ImageCompare class="sm:!w-96 shadow-lg rounded-2xl">
<template #left> <template #left>
<img src="~/assets/images/island1.jpg" /> <img src="~/assets/images/island1.jpg" />
</template> </template>
@ -21,7 +21,7 @@ export default {
return { return {
code: { code: {
basic: ` basic: `
<ImageCompare class="w-full sm:w-96 shadow-lg rounded-2xl"> <ImageCompare class="sm:!w-96 shadow-lg rounded-2xl">
<template #left> <template #left>
<img src="~/assets/images/island1.jpg" /> <img src="~/assets/images/island1.jpg" />
</template> </template>
@ -33,7 +33,7 @@ export default {
options: ` options: `
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<ImageCompare class="w-full sm:w-96 shadow-lg rounde-2xl"> <ImageCompare class="sm:!w-96 shadow-lg rounde-2xl">
<template #left> <template #left>
<img src="~/assets/images/island1.jpg" /> <img src="~/assets/images/island1.jpg" />
</template> </template>
@ -47,7 +47,7 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<ImageCompare class="w-full sm:w-96 shadow-lg"> <ImageCompare class="sm:!w-96 shadow-lg">
<template #left> <template #left>
<img src="~/assets/images/island1.jpg" /> <img src="~/assets/images/island1.jpg" />
</template> </template>