[DOCS]chore: fix homepage template (#981)

kadena-community · Oct 4, 2023 · 8f22363 · 8f22363 · vercel · Oct 4, 2023
1 parent 650afda
commit 8f22363
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/.changeset/thin-candles-exist.md b/.changeset/thin-candles-exist.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/apps/docs/src/components/Layout/basestyles.css.ts b/packages/apps/docs/src/components/Layout/basestyles.css.ts
@@ -92,7 +92,13 @@ export const baseGridClass = style([
         `,
       },
       [`screen and ${breakpoints.xxl}`]: {
-        gridTemplateColumns: `auto ${$$leftSideWidth} minmax(auto, calc(${$$pageWidth} - ${$$leftSideWidth} - ${$$asideMenuWidthLGDefault})) ${$$asideMenuWidthLGDefault} auto`,
+        gridTemplateAreas: `
+          "header header header header header"
+          "pageheader pageheader pageheader pageheader pageheader"
+          ". menu content aside ."
+          "footer footer footer footer footer"
+        `,
+        gridTemplateColumns: `minmax(1%, auto) ${$$leftSideWidth} calc(${$$pageWidth} - ${$$leftSideWidth}) 0 minmax(1%, auto)`,
       },
     },
   },

diff --git a/packages/apps/docs/src/components/Layout/components/articleStyles.css.ts b/packages/apps/docs/src/components/Layout/components/articleStyles.css.ts
@@ -7,10 +7,10 @@ export const articleClass = style([
   sprinkles({
     width: '100%',
     paddingY: 0,
-    paddingX: '$4',
     backgroundColor: 'transparent',
   }),
   {
+    paddingInline: vars.sizes.$4,
     '@media': {
       [`screen and ${breakpoints.md}`]: {
         paddingInline: vars.sizes.$10,