Merge branch 'develop' into feat/wireup-verifications

alleslabs · Feb 11, 2025 · 4c1bc4c · 4c1bc4c
2 parents 7b86d2d + 1ac1732
commit 4c1bc4c
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 25 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -40,6 +40,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Features
 
 - [#1232](https://github.com/alleslabs/celatone-frontend/pull/1232) Support EVM verification with multiparts and standard JSON input for both Solidity and Vyper
+- [#1230](https://github.com/alleslabs/celatone-frontend/pull/1230) Update EVM contract verify max width layout
 - [#1225](https://github.com/alleslabs/celatone-frontend/pull/1225) Validate EVM verification form options
 - [#1226](https://github.com/alleslabs/celatone-frontend/pull/1226) Show nonce on EVM tx details
 - [#1224](https://github.com/alleslabs/celatone-frontend/pull/1224) Support Vyper verification with contract code

diff --git a/src/lib/pages/evm-contract-verify/components/EvmContractVerifyFooter.tsx b/src/lib/pages/evm-contract-verify/components/EvmContractVerifyFooter.tsx
@@ -1,3 +1,4 @@
+import { Box } from "@chakra-ui/react";
 import { FooterCta } from "lib/components/layouts";
 
 interface EvmContractFooterProps {
@@ -13,28 +14,35 @@ export const EvmContractFooter = ({
   isDisabled,
   actionLabel,
 }: EvmContractFooterProps) => (
-  <FooterCta
-    cancelButton={{
-      onClick: handlePrevious,
-      variant: "outline-primary",
-    }}
-    cancelLabel="Cancel"
-    actionButton={{
-      onClick: handleNext,
-      isDisabled,
-    }}
-    actionLabel={actionLabel}
-    sx={{
-      backgroundColor: "background.main",
-      borderColor: "gray.700",
-      display: "grid",
-      gridTemplateColumns: "6fr 4fr",
-      pl: 12,
-      gap: 0,
-      pr: 24,
-      "> div": {
-        width: "100%",
-      },
-    }}
-  />
+  <Box
+    position="sticky"
+    bottom={0}
+    borderTop="1px"
+    borderColor="gray.700"
+    px={12}
+    zIndex={2}
+  >
+    <FooterCta
+      cancelButton={{
+        onClick: handlePrevious,
+      }}
+      cancelLabel="Cancel"
+      actionButton={{
+        onClick: handleNext,
+        isDisabled,
+      }}
+      actionLabel={actionLabel}
+      sx={{
+        backgroundColor: "background.main",
+        columnGap: "32px",
+        display: "grid",
+        gridTemplateColumns: "6fr 4fr",
+        maxW: "1080px",
+        mx: "auto",
+        "> div": {
+          width: "100%",
+        },
+      }}
+    />
+  </Box>
 );
diff --git a/src/lib/pages/evm-contract-verify/index.tsx b/src/lib/pages/evm-contract-verify/index.tsx
@@ -228,7 +228,7 @@ export const EvmContractVerifyBody = ({
               templateColumns="6fr 4fr"
               columnGap="32px"
               rowGap="48px"
-              maxW="1440px"
+              maxW="1080px"
               mx="auto"
             >
               <GridItem colSpan={1}>