fix: adjust BigTitle padding and close, ref leather-io/extension#5802

leather-io · Aug 30, 2024 · 104b0a3 · 104b0a3
1 parent c6aa874
commit 104b0a3
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/ui/src/components/sheet/sheet-header.web.tsx b/packages/ui/src/components/sheet/sheet-header.web.tsx
@@ -17,7 +17,7 @@ export function SheetHeader({ onClose, title, variant = 'default' }: SheetHeader
       justifyContent="flex-end"
       alignItems="center"
       m={{ base: 0, md: 'auto' }}
-      p="space.04"
+      p={ variant === 'large' ? "space.05": "space.04"}
       bg="transparent"
       width="100%"
       minHeight="headerHeight"
@@ -31,7 +31,7 @@ export function SheetHeader({ onClose, title, variant = 'default' }: SheetHeader
           {title}
         </styled.h2>
       )}
-      {onClose && <IconButton icon={<CloseIcon />} onClick={onClose} position="absolute" />}
+      {onClose && <IconButton icon={<CloseIcon />} onClick={onClose} position="absolute"  top="space.05" />}
     </Flex>
   );
 }