fix: updated TextCard image sizes and spacing in Account Drawer (#33)

composable-com · Mar 12, 2024 · 6c92f27 · 6c92f27 · github-actions · Mar 12, 2024
1 parent 102fd8e
commit 6c92f27
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 12 deletions.
diff --git a/composable-ui/src/components/forms/login-form.tsx b/composable-ui/src/components/forms/login-form.tsx
@@ -288,7 +288,9 @@ export const LoginForm = ({
                     paddingTop={10}
                     spacing={6}
                   >
-                    <Text textStyle={'Desktop/M'}>{content.notAMemberYet}</Text>
+                    <Text textStyle={'Desktop/M'} pt={2} pb={4}>
+                      {content.notAMemberYet}
+                    </Text>
                     <Button
                       size={{ base: 'md', md: 'lg' }}
                       variant={'outline'}

diff --git a/packages/ui/src/components/cms/text-card.tsx b/packages/ui/src/components/cms/text-card.tsx
@@ -48,19 +48,15 @@ export const TextCard = ({
       {...root}
     >
       {image?.src && (
-        <Box mb={6}>
-          <AspectRatio
-            ratio={1}
-            position="relative"
-            width="50px"
-            overflow="hidden"
-            mb={3}
-          >
-            <Image src={image.src} alt={image?.alt ?? ''} fill />
-          </AspectRatio>
+        <Box mb={6} position="relative">
+          <Image
+            src={image.src}
+            alt={image?.alt ?? ''}
+            width={50}
+            height={50}
+          />
         </Box>
       )}
-
       {title?.children && (
         <Box
           textStyle={['Desktop/Default', null, 'Desktop/M']}