Merge pull request #1330 from gluestack/fix/card-example

fix: card example image
gluestack · Oct 25, 2023 · 3043fda · 3043fda
2 parents 130676e + 5e3ff1e
commit 3043fda
Showing 1 changed file with 7 additions and 9 deletions.
diff --git a/example/storybook/src/recipes/card/index.stories.mdx b/example/storybook/src/recipes/card/index.stories.mdx
@@ -49,10 +49,7 @@ A card component is a common and widely used UI element which helps to display r
             sx={{
               "@base": {
               mx: '$5',
-              },
-              "@lg":{
-                my:"0"
-              },
+              },            
               "_dark": {
                 bg:"$backgroundDark900",
                 borderColor: '$borderDark800'
@@ -62,6 +59,7 @@ A card component is a common and widely used UI element which helps to display r
             <Box>
               <Image
                 h={150}
+                 width="100%"
                 source={{
                   uri: 'https://images.unsplash.com/photo-1549888834-3ec93abae044?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2940&q=80',
                 }}        
@@ -71,12 +69,12 @@ A card component is a common and widely used UI element which helps to display r
               <Text _dark={{color:"$textLight200"}} fontSize='$sm'  my='$1.5'>
               August 16, 2023
               </Text>
-              <Heading _dark={{color:"$textLight200"}} size='sm' >
+              <Heading _dark={{color:"$textLight200"}} size='sm'>
               Fresh Orange 
-            </Heading>
-            <Text my='$1.5' _dark={{color:"$textLight200"}} fontSize='$xs'>
-              Oranges are a great source of vitamin C, which is essential for a healthy immune system. Oranges are a great source of vitamin C,
-              which is important for maintaining a healthy immune system.
+              </Heading>
+              <Text my='$1.5' _dark={{color:"$textLight200"}} fontSize='$xs'>
+                Oranges are a great source of vitamin C, which is essential for a healthy immune system. Oranges are a great source of vitamin C,
+                which is important for maintaining a healthy immune system.
               </Text>
               <Text _dark={{color:"$textLight200"}} my='$1.5' fontSize='$xs' isTruncated="true">
               Vitamin C also helps with the absorption of iron and the production of collagen, which supports healthy skin, teeth, and bones.