Spaces:

saq1b
/

Glif-Lora-Autocaption

Sleeping

saq1b commited on Mar 8

Commit

31741a3

1 Parent(s): aca7242

refactor(App.jsx): update image component styling for improved responsiveness and aesthetics

Files changed (1) hide show

src/App.jsx CHANGED Viewed

@@ -651,8 +651,10 @@ const App = () => {
                     src={image.preview}
                     alt={image.name}
                     w="100%"
-                    h="200px"
-                    objectFit="cover"
                   />
                   <Box p={4}>
                     <Flex justify="space-between" align="center" mb={2}>

                     src={image.preview}
                     alt={image.name}
                     w="100%"
+                    maxH="300px"
+                    objectFit="contain"
+                    bg="gray.800"
+                    p={2}
                   />
                   <Box p={4}>
                     <Flex justify="space-between" align="center" mb={2}>