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']}