Added custom width for images

shahdivyank · Sep 4, 2024 · a58fde5 · a58fde5
1 parent 0f69e6e
commit a58fde5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/components/create/details.tsx b/components/create/details.tsx
@@ -207,10 +207,10 @@ const Details = ({
             </Text>
           </Pressable>
         </View>
-        <ScrollView horizontal contentContainerStyle={{ columnGap: 8 }}>
+        <ScrollView horizontal>
           {images.map((image) => (
             <ImageBackground
-              className="w-40 h-40 rounded-lg overflow-hidden"
+              className=" w-screen-2/5 h-2/3 mr-3 rounded-lg overflow-hidden"
               key={image.uri}
               source={image}
               alt="Selected Image"

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -23,6 +23,9 @@ module.exports = {
           },
         },
       },
+      width: {
+        'screen-2/5': '40vw'
+      },
     },
   },
   plugins: [],
-Original file line number
+Diff line change
@@ Expand Up / @@ -23,6 +23,9 @@ module.exports = { @@
               },
             },
           },
+          width: {
+            'screen-2/5': '40vw'
+          },
         },
       },
       plugins: [],
@@ Expand Down @@