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

44 lines
1.9 KiB
PHP

<!DOCTYPE html>
<html lang="{{ str_replace('_','-',app()->getLocale()) }}" class="h-dvh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="reverb"
data-host="{{ request()->getHost() }}"
data-port="{{ request()->isSecure() ? 443 : 80 }}"
data-scheme="{{ request()->isSecure() ? 'https' : 'http' }}"
data-path="{{ config('reverb.servers.reverb.path') }}"
data-key="{{ env('REVERB_APP_KEY') }}">
<title>@yield('title', config('app.name'))</title>
@vite(['resources/css/app.css','resources/js/app.js'])
@livewireStyles
</head>
<body class="min-h-dvh overflow-hidden #bg-gradient-to-b #from-[#0B1320] #to-[#0A0F1A] text-slate-100">
<div class="fixed inset-0 -z-10 pointer-events-none
[background:radial-gradient(1200px_800px_at_85%_-10%,rgba(139,215,255,.16),transparent_60%),radial-gradient(900px_700px_at_10%_110%,rgba(121,255,163,.10),transparent_60%),linear-gradient(180deg,#0b0f14,#111827_55%,#172130)]">
</div>
{{-- Optional: Header/Branding oben --}}
<header class="px-6 py-4 flex items-center justify-between opacity-80">
<div class="flex items-center gap-3">
<div class="h-8 w-8 rounded-xl bg-indigo-500/90 grid place-items-center font-semibold">FM</div>
<span class="font-semibold tracking-wide">MailWolt</span>
@env('local')
<span class="ml-2 text-[11px] px-2 py-0.5 rounded bg-slate-200/10 border border-white/10">dev</span>
@endenv
</div>
@isset($setupPhase)
<div class="text-xs text-slate-300/70">Setup-Phase: {{ $setupPhase }}</div>
@endisset
</header>
{{-- Seite: immer auf volle Höhe und zentriert --}}
<main class="min-h-[calc(100dvh-64px)] grid place-items-center px-4">
{{-- <livewire:system.toast-hub/>--}}
<div id="toastra-root" class="absolute pointer-events-none"></div>
@yield('content')
</main>
@livewireScripts
</body>
</html>