UI touchups to match Figma

onflow · Jul 31, 2024 · 3c49516 · 3c49516
1 parent e5c3956
commit 3c49516
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/components/AboutCard.tsx b/components/AboutCard.tsx
@@ -13,7 +13,7 @@ export default function AboutCard({
   description,
 }: AboutCardProps) {
   return (
-    <Flex gap={6} w={350} alignItems="center">
+    <Flex gap={6} maxW="22rem" alignItems="center">
       <Image
         as={NextImage}
         src={image as any}

diff --git a/components/ViewLayout.tsx b/components/ViewLayout.tsx
@@ -17,15 +17,15 @@ export default function ViewLayout({
 }: ViewLayoutProps) {
   return (
     <Flex
-      w={['26rem', null, '46rem']}
-      h="min(32rem, calc(100vh - 4rem))"
+      w={['23rem', null, '45rem']}
+      h="min(32.5rem, calc(100vh - 4rem))"
       overflow="hidden"
       {...rootProps}
     >
       <Stack
         spacing={0}
         overflow="hidden"
-        w="18rem"
+        w="17.875rem"
         display={['none', null, 'flex']}
       >
         {sidebarHeader}

diff --git a/components/views/AboutWallets.tsx b/components/views/AboutWallets.tsx
@@ -12,7 +12,14 @@ interface AboutWalletsProps {
 
 export default function AboutWallets({ onGetWallet }: AboutWalletsProps) {
   return (
-    <Stack align="center" spacing={8} overflow="auto" flexGrow={1} pb={8}>
+    <Stack
+      align="center"
+      spacing={8}
+      overflow="auto"
+      flexGrow={1}
+      pb={8}
+      px={6}
+    >
       <Heading textAlign="center" size="md" display={['none', null, 'block']}>
         What is a Wallet?
       </Heading>