fix: tailwind and shadcn theme working

wsameer · wsameer · commit 4e628578a22f · 2025-08-04T16:43:36.000-04:00
diff --git a/resources/js/pages/welcome.tsx b/resources/js/pages/welcome.tsx
@@ -1,7 +1,6 @@
 import { Button } from '@/components/ui/button';
 import { Head, Link } from '@inertiajs/react'
 
-
 export default function Welcome() {
   return (
     <>
@@ -18,7 +17,7 @@ export default function Welcome() {
             <Button variant="ghost" asChild>
               <Link href="#">Log in</Link>
             </Button>
-            <Button variant="outline" asChild>
+            <Button variant="default" asChild>
               <Link href="#">Register</Link>
             </Button>
           </nav>
diff --git a/resources/views/inertia_layout.edge b/resources/views/inertia_layout.edge
@@ -12,59 +12,10 @@
     <link rel="preconnect" href="https://fonts.bunny.net" />
     <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
 
-    <style>
-      :root {
-        --sand-1: #fdfdfc;
-        --sand-2: #f9f9f8;
-        --sand-3: #f1f0ef;
-        --sand-4: #e9e8e6;
-        --sand-5: #e2e1de;
-        --sand-6: #dad9d6;
-        --sand-7: #cfceca;
-        --sand-8: #bcbbb5;
-        --sand-9: #8d8d86;
-        --sand-10: #82827c;
-        --sand-11: #63635e;
-        --sand-12: #21201c;
-      }
-    </style>
-
-    <script src="https://cdn.tailwindcss.com">
-      
-    </script>
-
-    <script>
-      tailwind.config = {
-        theme: {
-          extend: {
-            fontFamily: {
-              sans: [ "Instrument Sans", "sans-serif" ]
-            },
-            colors: {
-              sand: {
-                1: "var(--sand-1)",
-                2: "var(--sand-2)",
-                3: "var(--sand-3)",
-                4: "var(--sand-4)",
-                5: "var(--sand-5)",
-                6: "var(--sand-6)",
-                7: "var(--sand-7)",
-                8: "var(--sand-8)",
-                9: "v and import it herear(--sand-9)",
-                10: "var(--sand-10)",
-                11: "var(--sand-11)",
-                12: "var(--sand-12)"
-              }
-            }
-          }
-        }
-      };
-    </script>
-
     @stack('dumper')
     @viteReactRefresh()
     @inertiaHead()
-    @vite(['resources/js/app/app.tsx', `resources/js/pages/${page.component}.tsx`])
+    @vite(['resources/css/app.css', 'resources/js/app/app.tsx', `resources/js/pages/${page.component}.tsx`])
   </head>
 
   <body class="min-h-screen w-screen font-sans">
diff --git a/tsconfig.json b/tsconfig.json
@@ -30,7 +30,7 @@
 
     /* Modules */
     "module": "ESNext" /* Specify what module code is generated. */,
-    // "rootDir": "./",                                  /* Specify the root folder within your source files. */
+    "rootDir": "./",                                  /* Specify the root folder within your source files. */
     "moduleResolution": "Bundler" /* Specify how TypeScript looks up a file from a given module specifier. */,
     "baseUrl": ".",
     "paths": {
@@ -107,7 +107,7 @@
     "noImplicitReturns": true /* Enable error reporting for codepaths that do not explicitly return in a function. */,
     "noFallthroughCasesInSwitch": true /* Enable error reporting for fallthrough cases in switch statements. */,
     // "noUncheckedIndexedAccess": true,                 /* Add 'undefined' to a type when accessed using an index. */
-    "noImplicitOverride": true /* Ensure overriding members in derived classes are marked with an override modifier. */,
+    "noImplicitOverride": false  /* Ensure overriding members in derived classes are marked with an override modifier. */,
     // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type. */
     // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
     // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
