Adjust page layout breakpoints

thesis · May 14, 2024 · 2a72fc3 · 2a72fc3
1 parent 39ffbc7
commit 2a72fc3
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 8 deletions.
diff --git a/dapp/src/pages/DashboardPage/PageLayout/PageLayout.tsx b/dapp/src/pages/DashboardPage/PageLayout/PageLayout.tsx
@@ -13,9 +13,8 @@ function PageLayout(props: GridProps) {
       gridTemplateColumns={{
         base: "1fr",
         md: "repeat(2, 1fr)",
-        xl: "0.76fr auto",
-        "2.5xl":
-          "minmax(358px, 0.25fr) minmax(748px, 1fr) minmax(358px, 0.25fr)",
+        lg: "1fr 0.5fr",
+        xl: "minmax(358px, auto) 1fr minmax(358px, auto)",
       }}
       {...restProps}
     >

diff --git a/dapp/src/pages/DashboardPage/PageLayout/PageLayoutColumn.tsx b/dapp/src/pages/DashboardPage/PageLayout/PageLayoutColumn.tsx
@@ -14,9 +14,9 @@ function PageLayoutColumn(props: PageLayoutColumnProps) {
       gridArea={
         isMain
           ? {
-              xl: "1 / 1 / 3 / 2",
-              "2.5xl": "1 / 2 / -1 / 3",
               base: "1 / 1 / -1 / -1",
+              lg: "1 / 1 / 3 / 2",
+              xl: "1 / 2 / -1 / 3",
             }
           : undefined
       }

diff --git a/dapp/src/pages/DashboardPage/index.tsx b/dapp/src/pages/DashboardPage/index.tsx
@@ -31,6 +31,7 @@ export default function DashboardPage() {
           <TextMd>Coming soon...</TextMd>
         </VStack>
         <Image
+          width="full"
           zIndex={-1}
           position="absolute"
           inset={0}

diff --git a/dapp/src/theme/index.ts b/dapp/src/theme/index.ts
@@ -45,9 +45,6 @@ const defaultTheme = {
   zIndices,
   semanticTokens,
   styles,
-  breakpoints: {
-    "2.5xl": "100.5rem", // 1608px
-  },
   space: {
     13: "3.25rem",
     15: "3.75rem",