Reduce footer height to 32px (#405)

cartridge-gg · Jun 20, 2024 · 7f77f2e · 7f77f2e
1 parent b907eb7
commit 7f77f2e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/packages/keychain/src/components/connect/RegistrationLink.tsx b/packages/keychain/src/components/connect/RegistrationLink.tsx
@@ -24,6 +24,7 @@ export function RegistrationLink({
         color="link.blue"
         fontSize="xs"
         borderWidth={1}
+        borderColor="solid.secondary"
       >
         {children}
       </Button>

diff --git a/packages/keychain/src/components/layout/Container/index.tsx b/packages/keychain/src/components/layout/Container/index.tsx
@@ -39,7 +39,7 @@ export function Container({
   );
 }
 
-export const FOOTER_HEIGHT = 40;
+export const FOOTER_HEIGHT = 32;
 export const PORTAL_WINDOW_HEIGHT = 600;
 
 function Wrapper({
@@ -99,7 +99,7 @@ function Wrapper({
 const LayoutContext = createContext<LayoutContextValue>({
   variant: "default",
   footerHeight: 0,
-  setFooterHeight: () => {},
+  setFooterHeight: () => { },
 });
 
 type LayoutContextValue = {

diff --git a/packages/keychain/src/components/layout/Footer/index.tsx b/packages/keychain/src/components/layout/Footer/index.tsx
@@ -45,9 +45,8 @@ export function Footer({
     () => (origin ? new URL(origin).hostname : undefined),
     [origin],
   );
-  const maxH = `${
-    (isIframe() ? window.innerHeight : PORTAL_WINDOW_HEIGHT) - TOP_BAR_HEIGHT
-  }px`;
+  const maxH = `${(isIframe() ? window.innerHeight : PORTAL_WINDOW_HEIGHT) - TOP_BAR_HEIGHT
+    }px`;
   const { footerHeight } = useLayout();
 
   useEffect(() => {
@@ -155,6 +154,7 @@ export function Footer({
           as={NextLink}
           href="https://cartridge.gg"
           target="_blank"
+          overflow="hidden"
         >
           <Text fontSize="xs" color="currentColor">
             Controller by