files scrollbar layout done

tailwind.config.js

@@ -1,4 +1,5 @@
 /** @type {import('tailwindcss').Config} */
+
 module.exports = {
   content: [
     "./index.html",
@@ -6,14 +7,28 @@ module.exports = {
     "./src/**/**/*.{js,ts,jsx,tsx,vue}"],
   theme: {
     colors: {
+      transparent: 'transparent',
+      current: 'currentColor',
       'primary': '#0099FF',
       // 'secondary': '',
-      'neutral': '#C4C4C4',
+      'neutral': {
+        10: '#ffffff',
+        50: '#f8fafc',
+        100: '#f1f5f9',
+        200: '#e2e8f0',
+        300: '#cbd5e1',
+        400: '#94a3b8',
+        500: '#64748b',
+        600: '#475569',
+        700: '#334155',
+        800: '#1e293b',
+        900: '#0f172a'
+      },
       'danger': '#FF3366',
     },
     container: {
       center: true,
-      padding: '32px',
+      padding: '16px',
     },
     fontSize: {
       xs: ['12px', 1],
@@ -25,5 +40,12 @@ module.exports = {
       '3xl': ['30px', 1],
       '4xl': ['36px', 1],
     },
+    screens: {
+      'sm': '640px',
+      'md': '768px',
+      'lg': '1024px',
+      'xl': '1280px',
+      '2xl': '1536px',
+    }
   },
 };