new design

resources/views/layouts/app.blade.php

@@ -23,7 +23,15 @@
 
         loadDarkMode()
 
-        document.addEventListener('livewire:navigated', loadDarkMode)
+        function toggle_theme() {
+            if (localStorage.getItem("theme") === "light") {
+                document.documentElement.classList.add("dark");
+                localStorage.setItem("theme", "dark");
+            } else {
+                document.documentElement.classList.remove("dark");
+                localStorage.setItem("theme", "light");
+            }
+        }
     </script>
 </head>
 
@@ -36,8 +44,7 @@
 
     @include('layouts.nav')
 
-    <main
-        class="mx-auto max-w-5xl bg-gray-100 dark:bg-gray-800 rounded-2xl border border-gray-200 dark:border-gray-700 p-5">
+    <main class="mx-auto max-w-6xl">
         @yield('content')
     </main>