Flux durch TallStackUI 4 ersetzt

- TallStackUI 4 (MIT) statt Flux; Komponenten mit Präfix ts- (<x-ts-…>)
- Layouts, Login-, Passwort-, 2FA- und Einstellungsseiten neu aufgebaut
- Livewire-Skripte explizit in beiden Layouts, damit Alpine auch auf den
  Fortify-Seiten ohne Livewire-Komponente läuft
- Dark Mode über tallstackui_darkTheme(), ohne Aufblitzen beim Laden
- Registrierungs-View und ungenutzte Layout-Varianten entfernt
- Test: Seiten laden keine Ressourcen von fremden Hosts (Vorgabe "alles lokal")

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Christoph
2026-10-01 09:33:26 +02:00
co-authored by Claude Opus 5.5
parent dedce594a0
commit b297518810
47 changed files with 644 additions and 1362 deletions
@@ -1,28 +1,28 @@
<x-layouts::auth :title="__('Email verification')">
<div class="mt-4 flex flex-col gap-6">
<flux:text class="text-center">
<p class="text-center text-sm text-gray-600 dark:text-dark-300">
{{ __('Please verify your email address by clicking on the link we just emailed to you.') }}
</flux:text>
</p>
@if (session('status') == 'verification-link-sent')
<flux:text class="text-center font-medium !dark:text-green-400 !text-green-600">
<p class="text-center text-sm font-medium text-green-600 dark:text-green-400">
{{ __('A new verification link has been sent to the email address you provided during registration.') }}
</flux:text>
</p>
@endif
<div class="flex flex-col items-center justify-between space-y-3">
<form method="POST" action="{{ route('verification.send') }}">
<form method="POST" action="{{ route('verification.send') }}" class="w-full">
@csrf
<flux:button type="submit" variant="primary" class="w-full">
<x-ts-button submit class="w-full">
{{ __('Resend verification email') }}
</flux:button>
</x-ts-button>
</form>
<form method="POST" action="{{ route('logout') }}">
@csrf
<flux:button variant="ghost" type="submit" class="text-sm cursor-pointer" data-test="logout-button">
<x-ts-button submit flat color="secondary" sm data-test="logout-button">
{{ __('Log out') }}
</flux:button>
</x-ts-button>
</form>
</div>
</div>