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

leather-io · Aug 30, 2024 · fe407d7 · fe407d7
1 parent c6aa874
commit fe407d7
Showing 1 changed file with 4 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,9 @@ 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>
   );
 }