54 lines
1.8 KiB
PHP
54 lines
1.8 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{ config('app.name', 'Laravel') }}</title>
|
|
|
|
<!-- Fonts -->
|
|
<link rel="stylesheet" href="https://fonts.bunny.net/css?family=inter:400,500,600&display=swap" />
|
|
|
|
<!-- Tailwind (Vite) -->
|
|
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
|
|
|
<!-- Dark mode support via Tailwind -->
|
|
<script>
|
|
// Optional: toggle class "dark" on <html> based on localStorage
|
|
if (
|
|
localStorage.getItem('theme') === 'dark' ||
|
|
(!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)
|
|
) {
|
|
document.documentElement.classList.add('dark');
|
|
} else {
|
|
document.documentElement.classList.remove('dark');
|
|
}
|
|
</script>
|
|
</head>
|
|
<body class="bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100 min-h-screen antialiased">
|
|
|
|
<div class="min-h-screen flex flex-col">
|
|
<!-- Navbar / Header -->
|
|
@include('layouts.navigation')
|
|
|
|
<!-- Page Heading -->
|
|
@isset($header)
|
|
<header class="bg-white dark:bg-gray-800 shadow">
|
|
<div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
|
|
{{ $header }}
|
|
</div>
|
|
</header>
|
|
@endisset
|
|
|
|
<!-- Page Content -->
|
|
<main class="flex-grow">
|
|
{{ $slot }}
|
|
</main>
|
|
|
|
<!-- Footer (optional) -->
|
|
<footer class="bg-white dark:bg-gray-800 text-center py-4 text-sm">
|
|
<p>© {{ date('Y') }} {{ config('app.name') }}. All rights reserved.</p>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|