21 lines
949 B
PHP
21 lines
949 B
PHP
<div>
|
|
<header class="flex items-start justify-between gap-4 p-6 border-b border-line">
|
|
<div>
|
|
<div class="text-[10px] uppercase tracking-[0.12em] text-ink-3 font-semibold mb-1">{{ $notification['time'] ?? '' }}</div>
|
|
<div class="font-bold text-lg text-ink-1 leading-tight">{{ $notification['title'] ?? '' }}</div>
|
|
</div>
|
|
<button type="button" wire:click="closeModal" aria-label="Schließen" class="text-ink-3 hover:text-ink-1 transition-colors p-1">
|
|
<x-heroicon-o-x-mark class="w-5 h-5" />
|
|
</button>
|
|
</header>
|
|
|
|
<div class="p-6">
|
|
<p class="text-sm text-ink-2 leading-relaxed">{{ $notification['body'] ?? '' }}</p>
|
|
</div>
|
|
|
|
<footer class="px-6 pb-6 flex gap-2">
|
|
<x-btn wire:click="closeModal" class="flex-1 justify-center">Schließen</x-btn>
|
|
<x-btn variant="primary" class="flex-1 justify-center">Aktion öffnen</x-btn>
|
|
</footer>
|
|
</div>
|