Fix footer on CreateController page (#1281)

cartridge-gg · Jan 17, 2025 · e4d03c7 · e4d03c7
1 parent a1fa985
commit e4d03c7
Show file tree

Hide file tree

Showing 8 changed files with 7 additions and 4 deletions.
diff --git a/examples/next/package.json b/examples/next/package.json
@@ -3,7 +3,7 @@
   "private": true,
   "version": "0.5.9",
   "scripts": {
-    "dev": "next dev -p 3002 --experimental-https",
+    "dev": "next dev -p 3002",
     "build": "next build",
     "e2e": "playwright test",
     "e2e:ui": "playwright test --ui",

diff --git a/...snapshots__/components-connect-create-createcontroller--with-theme-chromium.png b/...snapshots__/components-connect-create-createcontroller--with-theme-chromium.png
diff --git a/...s__/components-connect-create-createcontroller--with-timeout-error-chromium.png b/...s__/components-connect-create-createcontroller--with-timeout-error-chromium.png
diff --git a/.../__image_snapshots__/components-connect-createsession--with-preset-chromium.png b/.../__image_snapshots__/components-connect-createsession--with-preset-chromium.png
diff --git a/..._snapshots__/components-transaction-confirmtransaction--with-theme-chromium.png b/..._snapshots__/components-transaction-confirmtransaction--with-theme-chromium.png
diff --git a/packages/keychain/src/components/connect/create/CreateController.tsx b/packages/keychain/src/components/connect/create/CreateController.tsx
@@ -52,7 +52,7 @@ export function CreateControllerView({
       hideNetwork
     >
       <form
-        style={{ width: "100%" }}
+        className="flex flex-col flex-1"
         onKeyDown={(e) => {
           if (e.key === "Enter") e.preventDefault();
         }}

diff --git a/packages/keychain/src/components/layout/container/index.tsx b/packages/keychain/src/components/layout/container/index.tsx
@@ -1,5 +1,6 @@
 import { PropsWithChildren } from "react";
 import { Header, HeaderProps } from "./header";
+
 export function Container({
   children,
   onBack,
@@ -26,7 +27,9 @@ export function Container({
         description={description}
         variant={variant}
       />
-      <div className={className}>{children}</div>
+      <div className={`flex flex-col flex-1 min-h-0 ${className}`}>
+        {children}
+      </div>
     </ResponsiveWrapper>
   );
 }

diff --git a/packages/keychain/src/components/layout/footer/index.tsx b/packages/keychain/src/components/layout/footer/index.tsx
@@ -12,7 +12,7 @@ export function Footer({
   return (
     <div
       className={cn(
-        "flex flex-col gap-2 w-full pt-4 left-0 bottom-0 bg-background",
+        "flex flex-col gap-2 w-full pt-4 mt-auto bg-background shrink-0",
         !showCatridgeLogo && "pb-4",
         className,
       )}