fix(docs): browse section ui fixes

kadena-community · Aug 22, 2023 · 2306a29 · 2306a29
1 parent b9be21d
commit 2306a29
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 10 deletions.
diff --git a/packages/apps/docs/src/pages/docs/kadena/index.tsx b/packages/apps/docs/src/pages/docs/kadena/index.tsx
@@ -39,7 +39,7 @@ const Home: FC = () => {
         </Text>
       </div>
 
-      <Stack wrap="wrap" spacing="$2xs" width="100%">
+      <Stack wrap="wrap" width="100%">
         <BrowseSection title="General" className={browseSectionWrapper}>
           <Link href="/docs/kadena/overview">Overview of Kadena</Link>
           <Link href="/docs/kadena/whitepapers">Whitepapers</Link>

diff --git a/packages/apps/docs/src/pages/index.tsx b/packages/apps/docs/src/pages/index.tsx
@@ -34,7 +34,7 @@ const Home: FC<IProps> = ({ popularPages }) => {
       >
         <article className={articleClass}>
           <Box marginBottom="$10">
-            <Stack wrap="wrap" spacing="$2xs">
+            <Stack wrap="wrap">
               <BrowseSection title="General" className={browseSectionWrapper}>
                 <Link href="/docs/kadena">Overview of Kadena</Link>
                 <Link href="/docs/kadena/kda/manage-kda">Manage your KDA</Link>

diff --git a/packages/apps/docs/src/styles/index.css.ts b/packages/apps/docs/src/styles/index.css.ts
@@ -1,18 +1,14 @@
-import { breakpoints, sprinkles } from '@kadena/react-ui/theme';
+import { breakpoints, vars } from '@kadena/react-ui/theme';
 
 import { style } from '@vanilla-extract/css';
 
 const browseSectionWrapper = style([
-  sprinkles({
-    gap: '$4',
-    paddingY: 0,
-    paddingX: '$4',
-  }),
   {
-    flexBasis: '48%',
+    flexBasis: '50%',
+    rowGap: vars.sizes.$4,
     '@media': {
       [breakpoints.md]: {
-        flexBasis: '30%',
+        flexBasis: '33%',
       },
     },
   },