2024-05-15 12:28:03 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html
|
|
|
|
|
lang="{{ str_replace('_', '-', app()->getLocale()) }}"
|
|
|
|
|
x-data="{ darkMode: $persist(false) }"
|
2024-06-01 03:10:30 +02:00
|
|
|
:class="{'dark': darkMode}"
|
2024-05-15 12:28:03 +02:00
|
|
|
x-init="
|
|
|
|
|
if (!('darkMode' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
|
|
|
|
localStorage.setItem('darkMode', JSON.stringify(true));
|
|
|
|
|
}
|
|
|
|
|
darkMode = JSON.parse(localStorage.getItem('darkMode'));
|
|
|
|
|
$watch('darkMode', value => localStorage.setItem('darkMode', JSON.stringify(value)))"
|
|
|
|
|
>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
@vite('resources/css/app.css')
|
|
|
|
|
@vite('resources/js/app.js')
|
|
|
|
|
<title>{{ $title ?? config('app.name') }}</title>
|
|
|
|
|
</head>
|
2024-06-01 03:10:30 +02:00
|
|
|
<body class="bg-white dark:bg-gray-800 min-h-screen flex flex-col">
|
2024-05-23 16:51:55 +02:00
|
|
|
@persist('theme-switcher')
|
|
|
|
|
<x-theme-switcher />
|
|
|
|
|
@endpersist
|
2024-05-15 12:28:03 +02:00
|
|
|
{{ $slot }}
|
|
|
|
|
|
|
|
|
|
<x-menu />
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
