refactor: move styles to the root level

apps/myanmar_calendar/package.json

@@ -13,6 +13,7 @@
     "@tauri-apps/cli": "^1.4.0",
     "@types/node": "20.1.1",
     "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.2.14",
     "autoprefixer": "^10.4.14",
     "burma-calendar": "workspace:*",
     "eslint": "8.40.0",

apps/myanmar_calendar/src/globals.css

@@ -0,0 +1,102 @@
+@import url("./styles/scroll.css");
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    :root {
+        --background: 0 0% 100%;
+        --foreground: 222.2 84% 4.9%;
+
+        --card: 0 0% 100%;
+        --card-foreground: 222.2 84% 4.9%;
+
+        --popover: 0 0% 100%;
+        --popover-foreground: 222.2 84% 4.9%;
+
+        --primary: 222.2 47.4% 11.2%;
+        --primary-foreground: 210 40% 98%;
+
+        --secondary: 210 40% 96.1%;
+        --secondary-foreground: 222.2 47.4% 11.2%;
+
+        --muted: 210 40% 96.1%;
+        --muted-foreground: 215.4 16.3% 46.9%;
+
+        --accent: 210 40% 96.1%;
+        --accent-foreground: 222.2 47.4% 11.2%;
+
+        --destructive: 0 84.2% 60.2%;
+        --destructive-foreground: 210 40% 98%;
+
+        --border: 214.3 31.8% 91.4%;
+        --input: 214.3 31.8% 91.4%;
+        --ring: 222.2 84% 4.9%;
+
+        --radius: 0.5rem;
+    }
+
+    .dark {
+        --background: 222.2 84% 4.9%;
+        --foreground: 210 40% 98%;
+
+        --card: 222.2 84% 4.9%;
+        --card-foreground: 210 40% 98%;
+
+        --popover: 222.2 84% 4.9%;
+        --popover-foreground: 210 40% 98%;
+
+        --primary: 210 40% 98%;
+        --primary-foreground: 222.2 47.4% 11.2%;
+
+        --secondary: 217.2 32.6% 17.5%;
+        --secondary-foreground: 210 40% 98%;
+
+        --muted: 217.2 32.6% 17.5%;
+        --muted-foreground: 215 20.2% 65.1%;
+
+        --accent: 217.2 32.6% 17.5%;
+        --accent-foreground: 210 40% 98%;
+
+        --destructive: 0 62.8% 30.6%;
+        --destructive-foreground: 210 40% 98%;
+
+        --border: 217.2 32.6% 17.5%;
+        --input: 217.2 32.6% 17.5%;
+        --ring: 212.7 26.8% 83.9%;
+    }
+}
+
+@layer base {
+    * {
+        /* outline: 1px solid violet; */
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+        @apply border-border;
+    }
+
+    html {
+        font-size: 15.5px;
+        overflow: hidden;
+    }
+
+    @media (max-width: 639px) {
+        html {
+            font-size: 16px;
+        }
+    }
+
+    body {
+        @apply bg-background text-foreground;
+        overflow: hidden;
+    }
+
+    button {
+        outline: none;
+    }
+
+    li {
+        list-style: none;
+    }
+}
+

apps/myanmar_calendar/src/main.tsx

@@ -1,7 +1,8 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './pages/App'
-import './assets/styles/index.css'
+import './globals.css';
+
 
 ReactDOM.createRoot(document.getElementById('root')).render(
     <React.StrictMode>