fix: styles

wevm · Oct 30, 2023 · c0b5498 · c0b5498
1 parent 4331a5a
commit c0b5498
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 15 deletions.
diff --git a/src/app/components/SidebarDrawer.css.ts b/src/app/components/SidebarDrawer.css.ts
@@ -1,23 +1,29 @@
 import { keyframes, style } from '@vanilla-extract/css'
 import { sidebarVars, viewportVars, zIndexVars } from '../styles/vars.css.js'
 
-const expand = keyframes({
-  from: {
-    left: `calc(-1 * ${sidebarVars.width})`,
-  },
-  to: {
-    left: 0,
+const expand = keyframes(
+  {
+    from: {
+      left: `calc(-1 * ${sidebarVars.width})`,
+    },
+    to: {
+      left: 0,
+    },
   },
-})
+  'expand',
+)
 
-const fadeIn = keyframes({
-  from: {
-    opacity: 0,
-  },
-  to: {
-    opacity: 1,
+const fadeIn = keyframes(
+  {
+    from: {
+      opacity: 0,
+    },
+    to: {
+      opacity: 1,
+    },
   },
-})
+  'fadeIn',
+)
 
 export const root = style({
   display: 'none',

diff --git a/src/app/styles/vars.css.ts b/src/app/styles/vars.css.ts
@@ -428,7 +428,7 @@ globalStyle(':root', {
     [viewportVars['max-720px']]: {
       vars: {
         [contentVars.horizontalPadding]: spaceVars['16'],
-        [contentVars.verticalPadding]: spaceVars['24'],
+        [contentVars.verticalPadding]: spaceVars['32'],
         [sidebarVars.horizontalPadding]: spaceVars['16'],
       },
     },