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:
co-authored by
Claude Opus 5.5
parent
dedce594a0
commit
b297518810
@@ -9,7 +9,19 @@
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
|
||||
{{-- Theme vor dem ersten Rendern setzen, damit die Seite im Dark Mode nicht hell aufblitzt.
|
||||
Gleiche Logik und gleicher Speicherschlüssel wie tallstackui_darkTheme(). --}}
|
||||
<script>
|
||||
(() => {
|
||||
const mode = localStorage.getItem('dark-theme') ?? 'system';
|
||||
const dark = mode === 'dark' || mode === 'true'
|
||||
|| (mode === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches);
|
||||
document.documentElement.classList.toggle('dark', dark);
|
||||
})();
|
||||
</script>
|
||||
|
||||
@fonts
|
||||
|
||||
<tallstackui:script />
|
||||
@livewireStyles
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
@fluxAppearance
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<div class="relative mb-6 w-full">
|
||||
<flux:heading size="xl" level="1">{{ __('Settings') }}</flux:heading>
|
||||
<flux:subheading size="lg" class="mb-6">{{ __('Manage your profile and account settings') }}</flux:subheading>
|
||||
<flux:separator variant="subtle" />
|
||||
<x-heading level="1" size="xl">{{ __('Settings') }}</x-heading>
|
||||
<x-subheading class="mb-6 text-base">{{ __('Manage your profile and account settings') }}</x-subheading>
|
||||
<hr class="border-gray-200 dark:border-dark-600" />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user