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

86 lines
3.7 KiB
PHP

{{--
<!doctype html>
<html lang="de" class="h-full">
<head>
<meta charset="utf-8">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>@yield('title', env('APP_NAME'))</title>
@vite(['resources/css/app.css','resources/js/app.js'])
@livewireStyles
</head>
<body class="h-full text-gray-100 antialiased selection:bg-indigo-500/30 selection:text-white">
<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>
<main class="min-h-screen">
<header class="max-w-6xl mx-auto px-6 pt-8 pb-6 flex items-center justify-between">
<div class="flex items-center gap-3">
<div
class="h-9 w-9 rounded-xl bg-indigo-600/80 backdrop-blur-xs flex items-center justify-center border border-glass-border font-semibold">
FM
</div>
<div class="font-semibold tracking-wide opacity-90">{{ env('APP_NAME') }}</div>
<div class="text-xs text-gray-400 border border-glass-border rounded-md px-2 py-0.5 ml-2">
{{ config('app.version','dev') }}
</div>
</div>
<div class="text-xs text-gray-400">
Setup-Phase: {{ config('app.setup_phase', env('SETUP_PHASE','bootstrap')) }}</div>
</header>
<div class="max-w-6xl mx-auto px-6 pb-16">
@yield('content')
</div>
</main>
@livewireScripts
</body>
</html>
--}}<!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">
<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 />
{{-- <livewire:system.task-toast :taskKey="'issue-cert:mail.example.com'" />--}}
{{-- @dd(request('task'))--}}
{{-- @if (request('task'))--}}
{{-- <livewire:system.task-toast :taskKey="request('task')" />--}}
{{-- @endif--}}
<div id="toastra-root" class="absolute pointer-events-none"></div>
{{-- <livewire:system.task-toast :taskKey="'issue-cert:mail.example.com'" />--}}
{{-- @include('livewire.system.task-toast')--}}
{{--@if (request('task'))--}}
{{-- <livewire:system.task-toast :taskKey="request('task')" />--}}
{{-- @endif--}}
@yield('content')
</main>
@livewireScripts
</body>
</html>