Press entire tx summary area to close footer (#381)

* Press entire tx summary area to close footer * Make signup/login toggle button bigger
cartridge-gg · Jun 17, 2024 · d8b6f76 · d8b6f76
1 parent 6281ce2
commit d8b6f76
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/packages/keychain/src/components/connect/Login.tsx b/packages/keychain/src/components/connect/Login.tsx
@@ -159,7 +159,7 @@ export function Login({
                 description="Need a controller?"
                 onClick={() => onSignup(props.values.username)}
               >
-                Sign up
+                Sign Up
               </RegistrationLink>
             </Footer>
           </FormikForm>

diff --git a/packages/keychain/src/components/connect/RegistrationLink.tsx b/packages/keychain/src/components/connect/RegistrationLink.tsx
@@ -14,7 +14,7 @@ export function RegistrationLink({
         {description}
       </Text>
 
-      <Button variant="link" onClick={onClick}>
+      <Button variant="gohst" onClick={onClick} textTransform="none" px={4} py={2} fontWeight="medium" color="link.blue" fontSize="xs">
         {children}
       </Button>
     </HStack>

diff --git a/packages/keychain/src/components/layout/Footer/index.tsx b/packages/keychain/src/components/layout/Footer/index.tsx
@@ -89,7 +89,12 @@ export function Footer({
         flex={1}
         h={`calc(${maxH} - ${footerHeight}px)`}
       >
-        <HStack align="flex-start" pt={isExpandable ? 6 : 0}>
+        <HStack
+          align="flex-start"
+          pt={isExpandable ? 6 : 0}
+          onClick={onToggle}
+          _hover={{ cursor: "pointer" }}
+        >
           <TransactionSummary
             isSlot={isSlot}
             showTerm={showTerm}
@@ -113,7 +118,6 @@ export function Footer({
               h={8}
               bg="solid.primary"
               zIndex={1}
-              onClick={onToggle}
             />
           )}
         </HStack>