fix: button nav size (#1114)

alchemyplatform · Oct 30, 2024 · 2ddd4fc · 2ddd4fc
1 parent c797c81
commit 2ddd4fc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/account-kit/react/src/components/auth/card/index.tsx b/account-kit/react/src/components/auth/card/index.tsx
@@ -154,7 +154,7 @@ export const AuthCardContent = ({
           />
         )}
         <div
-          className={`max-h-[60vh] overflow-auto relative flex flex-col items-center gap-4 text-fg-primary px-6 py-4 ${
+          className={`max-h-[60vh] overflow-auto relative flex flex-col items-center gap-4 text-fg-primary px-6 py-4 pt-0 ${
             className ?? ""
           }`}
         >

diff --git a/account-kit/react/src/components/navigation.tsx b/account-kit/react/src/components/navigation.tsx
@@ -16,14 +16,14 @@ export const Navigation = ({
   onClose,
 }: NavigationProps) => {
   return (
-    <div className="flex items-center justify-between w-full">
+    <div className="flex items-center justify-between w-full px-6 pt-5">
       <Button
         variant="link"
         onClick={onBack}
         disabled={!showBack}
         className={
           showBack
-            ? "text-fg-secondary w-[32px] h-[32px] flex items-center justify-center hover:bg-btn-secondary rounded-md"
+            ? "text-fg-secondary w-[40px] h-[40px] flex items-center justify-center hover:bg-btn-secondary rounded-md"
             : "invisible"
         }
       >
@@ -35,7 +35,7 @@ export const Navigation = ({
         onClick={onClose}
         className={
           showClose
-            ? "text-fg-secondary w-[32px] h-[32px] flex items-center justify-center hover:bg-btn-secondary rounded-md"
+            ? "text-fg-secondary w-[40px] h-[40px] flex items-center justify-center hover:bg-btn-secondary rounded-md"
             : "invisible"
         }
       >
-Original file line number
+Diff line change
@@ Expand Up / @@ -154,7 +154,7 @@ export const AuthCardContent = ({ @@
               />
             )}
             <div
-              className={`max-h-[60vh] overflow-auto relative flex flex-col items-center gap-4 text-fg-primary px-6 py-4 ${
+              className={`max-h-[60vh] overflow-auto relative flex flex-col items-center gap-4 text-fg-primary px-6 py-4 pt-0 ${
                 className ?? ""
               }`}
             >
@@ Expand Down @@