improve sidebar mobile

2023-05-23 23:01:02 +02:00
parent eb02ab7648
commit d6480a7a37
3 changed files with 53 additions and 44 deletions
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,6 +1,7 @@
 const colors = require('tailwindcss/colors')
 const appWidth = '1280px'
 const sideBarWidth = '220px'
+const sideBarWidthMobile ='320px'
 const primary = '#1E4BC4'
 const secondary = colors.gray[500]

@@ -15,13 +16,16 @@ export default {
      },
      maxWidth: {
        app: appWidth,
-        sidebar: sideBarWidth
+        sidebar: sideBarWidth,
+        'sidebar-mobile': sideBarWidthMobile
      },
      width: {
-        sidebar: sideBarWidth
+        sidebar: sideBarWidth,
+        'sidebar-mobile': sideBarWidthMobile
      },
      margin: {
-        sidebar: sideBarWidth
+        sidebar: sideBarWidth,
+        'sidebar-mobile': sideBarWidthMobile
      }
    }
  },