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

128 lines
5.1 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="{{ config('reverb.servers.reverb.key') }}">--}}
<title>@yield('title', config('app.name'))</title>
<script>
document.documentElement.setAttribute('data-ui','booting');
</script>
@vite(['resources/css/app.css'])
@livewireStyles
</head>
<body class="min-h-dvh text-slate-100 font-bai">
<div class="app-backdrop"></div>
<div id="main" class="main content group/side main-shell rail">
<x-partials.sidebar/>
<div class="px-2.5 pb-2.5 pt-0.5">
<div>
<x-partials.header />
</div>
<div class="mt-5">
@yield('content')
</div>
</div>
</div>
@vite(['resources/js/app.js'])
@livewireScripts
@livewire('wire-elements-modal')
</body>
{{--<body class="min-h-dvh 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>--}}
{{--<div class="fixed inset-0 -z-10 pointer-events-none [background:radial-gradient(1600px_900px_at_85%_-15%,rgba(34,211,238,.28),transparent_62%),radial-gradient(1200px_800px_at_10%_112%,rgba(16,185,129,.18),transparent_70%),linear-gradient(180deg,#0a0f16,#0f172a_52%,#0b1220_78%,#0a0f18)]"></div>--}}
{{--<div--}}
{{-- class="p-2.5 pt-0--}}
{{-- lg:ml-64--}}
{{-- filter--}}
{{-- group-[.u-collapsed]/side:sm:ml-20--}}
{{-- sm:transition-[margin-left] sm:duration-300--}}
{{-- sm:ml-20 group-[.collapsed]/side:sm:!ml-20--}}
{{-- group-[.ut-expanded]/side:sm:blur-md--}}
{{-- group-[.ut-expanded]/side:sm:pointer-events-none--}}
{{-- group-[.ut-expanded]/side:sm:brightness-100--}}
{{-- group-[.ut-expanded]/side:lg:filter-none--}}
{{-- #group-[.m-collapsed]/side:!ml-0--}}
{{-- ">--}}
{{-- <div>--}}
{{-- <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">--}}
{{-- <div id="toastra-root" class="absolute pointer-events-none"></div>--}}
{{-- @yield('content')--}}
{{-- </main>--}}
{{--</div>--}}
{{--<script>--}}
{{-- window.addEventListener('toast', (e) => {--}}
{{-- const {--}}
{{-- state = 'queued',--}}
{{-- badge = '',--}}
{{-- domain = '',--}}
{{-- message = '',--}}
{{-- pos = 'top-right',--}}
{{-- duration = 0, // <- pass it through--}}
{{-- } = e.detail || {};--}}
{{-- toastraGlass.show({--}}
{{-- state, badge, domain, message,--}}
{{-- position: pos,--}}
{{-- duration: Number(duration),--}}
{{-- });--}}
{{-- });--}}
{{--</script>--}}
{{--@vite(['resources/js/app.js'])--}}
{{--@livewireScripts--}}
{{--<div id="main" class="main content group/side main-shell rail">--}}
{{-- <x-partials.sidebar/>--}}
{{-- <div--}}
{{-- class="p-2.5 pt-0--}}
{{-- lg:ml-64--}}
{{-- filter--}}
{{-- group-[.u-collapsed]/side:sm:ml-20--}}
{{-- sm:transition-[margin-left] sm:duration-300--}}
{{-- sm:ml-20 group-[.collapsed]/side:sm:!ml-20--}}
{{-- group-[.ut-expanded]/side:sm:blur-md--}}
{{-- group-[.ut-expanded]/side:sm:pointer-events-none--}}
{{-- group-[.ut-expanded]/side:sm:brightness-100--}}
{{-- group-[.ut-expanded]/side:lg:filter-none--}}
{{-- #group-[.m-collapsed]/side:!ml-0--}}
{{-- ">--}}
{{-- <div>--}}
{{-- <x-partials.header/>--}}
{{-- </div>--}}
{{-- <div class="mt-5">--}}
{{-- @yield("content")--}}
{{-- </div>--}}
{{-- </div>--}}
{{--</div>--}}
{{--@vite(['resources/js/app.js'])--}}
{{--@livewireScripts--}}
{{--</body>--}}
</html>