Fix layout and adapt to theme colors

This commit is contained in:
Bruno
2024-09-06 19:22:01 +01:00
parent 61351f2db2
commit 04eb4f15a7
3 changed files with 14 additions and 4 deletions
@@ -10,10 +10,8 @@
@vite('resources/js/app.js')
</head>
<body>
<div class="text-[#040F0F] dark:text-[#FCFFFC] bg-[#FCFFFC] dark:bg-[#222629]">
<div class="flex flex-col h-screen min-h-full">
{{ $slot }}
</div>
<div class="flex flex-col h-screen min-h-full">
{{ $slot }}
</div>
</body>
</html>
@@ -0,0 +1,7 @@
<header class="border-b bg-light-base-100 dark:bg-base-800 text-light-base-700 dark:text-base-200 border-light-base-300 dark:border-base-500">
<div class="md:container md:mx-auto">
<div class="flex justify-between px-4 py-5">
{{ $slot }}
</div>
</div>
</header>
@@ -0,0 +1,5 @@
<main class="flex flex-grow bg-light-base-100 dark:bg-base-800 text-light-base-950 dark:text-base-50">
<div class="flex flex-grow md:container md:mx-auto bg-light-base-50 dark:bg-base-900">
{{ $slot }}
</div>
</main>