From 15f6aab46ac4ddbb68b7e8884ee8741c0c7173d1 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 3 Oct 2024 20:57:43 +0300
Subject: [PATCH] Fixed responsiveness

---
 apps/showcase/doc/imagecompare/ResponsiveDoc.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/showcase/doc/imagecompare/ResponsiveDoc.vue b/apps/showcase/doc/imagecompare/ResponsiveDoc.vue
index 4ad16941c..2b6657861 100644
--- a/apps/showcase/doc/imagecompare/ResponsiveDoc.vue
+++ b/apps/showcase/doc/imagecompare/ResponsiveDoc.vue
@@ -3,7 +3,7 @@
         <p>Apply responsive styles to the container element to optimize display per screen size.</p>
     </DocSectionText>
     <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>
                 <img src="~/assets/images/island1.jpg" />
             </template>
@@ -21,7 +21,7 @@ export default {
         return {
             code: {
                 basic: `
-<ImageCompare class="w-full sm:w-96 shadow-lg rounded-2xl">
+<ImageCompare class="sm:!w-96 shadow-lg rounded-2xl">
     <template #left>
         <img src="~/assets/images/island1.jpg" />
     </template>
@@ -33,7 +33,7 @@ export default {
                 options: `
 <template>
     <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>
                 <img src="~/assets/images/island1.jpg" />
             </template>
@@ -47,7 +47,7 @@ export default {
                 composition: `
 <template>
     <div class="card flex justify-center">
-        <ImageCompare class="w-full sm:w-96 shadow-lg">
+        <ImageCompare class="sm:!w-96 shadow-lg">
             <template #left>
                 <img src="~/assets/images/island1.jpg" />
             </template>