fix: component AssetDrawer header margin

WTTJ · Dec 17, 2024 · 35b8013 · 35b8013
1 parent 1112947
commit 35b8013
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/packages/Drawer/docs/examples/asset.tsx b/packages/Drawer/docs/examples/asset.tsx
@@ -20,9 +20,8 @@ const Example = () => {
             </>
           }
           icon={UserIcon}
-          subtitle="Praesent sit amet quam ac velit faucibus dapibus. Quisque sapien ligula, rutrum quis aliquam
-        nec, convallis sit amet erat."
-          title="Praesent sit amet quam"
+          subtitle="Praesent sit amet quam ac velit faucibus dapibus. Quisque sapien ligula, rutrum quis aliquam nec, convallis sit amet erat."
+          title="Praesent sit amet quam faucibus dapibus"
         />
         Praesent sit amet quam ac velit faucibus dapibus. Quisque sapien ligula, rutrum quis aliquam
         nec, convallis sit amet erat. Mauris auctor blandit porta.Praesent sit amet quam ac velit

diff --git a/packages/Drawer/src/AssetDrawer/Header.tsx b/packages/Drawer/src/AssetDrawer/Header.tsx
@@ -60,13 +60,17 @@ export const Header: React.FC<HeaderProps> = ({
         )}
         {!!icon && <IconBlock icon={icon} />}
         <Box display="flex" flexDirection="column" gap="xxs">
-          <Text variant="h3">{title}</Text>
+          <Text pr="xl" variant="h3">
+            {title}
+          </Text>
           {subtitle}
         </Box>
       </Box>
-      <Box alignItems="center" display="flex" flexShrink={0} gap="md">
-        {action}
-      </Box>
+      {action && (
+        <Box alignItems="center" display="flex" flexShrink={0} gap="md">
+          {action}
+        </Box>
+      )}
     </Box>
   )
 }