b2in/resources/views/components/layouts/auth/card.blade.php
2025-11-21 18:21:23 +01:00

32 lines
1.4 KiB
PHP

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="dark">
<head>
@include('partials.head')
@include('partials.theme-init-script')
</head>
<body class="min-h-screen items-center justify-center bg-gradient-to-br from-blue-50 via-white to-purple-50 dark:from-zinc-900 dark:via-zinc-900 dark:to-zinc-800 px-4 py-12">
<div class="bg-muted flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
<div class="flex w-full max-w-md flex-col gap-6">
<a href="{{ route('home') }}" class="flex flex-col items-center gap-2 font-medium" wire:navigate>
<span class="flex h-20 w-20 items-center justify-center rounded-md">
<x-app-logo-icon />
</span>
<span class="sr-only">{{ config('app.name', 'Laravel') }}</span>
</a>
<div class="flex flex-col gap-6">
<flux:card class="shadow-2xl">
<div class="px-10 py-8">{{ $slot }}</div>
</flux:card>
<div class="flex justify-center mt-4">
<x-theme-toggle />
</div>
</div>
</div>
</div>
@livewireScripts
@fluxScripts
@include('partials.theme-toggle-script')
</body>
</html>