clupilot/app/resources/views/layouts/app.blade.php

35 lines
1.3 KiB
PHP

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ $title ?? 'Dashboard' }} · {{ config('app.name', 'CluPilot') }}</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
@vite(['resources/css/app.css', 'resources/js/app.js'])
@livewireStyles
</head>
<body class="clu-bg-aurora" x-data="{ sidebarOpen: false }">
{{-- Mobile backdrop --}}
<div class="clu-sidebar-backdrop"
:class="{ 'open': sidebarOpen }"
@click="sidebarOpen = false"
aria-hidden="true"></div>
<div class="clu-app-grid">
<x-clu.sidebar :active="$active ?? request()->route()?->getName()" />
<main class="flex flex-col min-w-0" style="padding:14px 14px 0;">
{{ $slot }}
</main>
</div>
@livewireScripts
@stack('scripts')
@livewire('wire-elements-modal')
</body>
</html>