presseportale/resources/views/components/layouts/app.blade.php
Kevin Adametz 036a53499f Responsive-Härtung: Seiten-Header, Kontextleiste, Stat-Cards
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-12 14:08:08 +00:00

39 lines
1.9 KiB
PHP

<x-layouts.app.sidebar :title="$title ?? null">
<flux:main>
@php
$user = auth()->user();
$canCustomer = $user?->canAccessCustomer() ?? false;
@endphp
@if($canCustomer)
{{-- Hub-Stil-Banner: Hub-Soft-Hintergrund, Hub-Blau-Badge,
dezente Buchpapier-Rule. Ersetzt das Zinc-Starter-Kit-Card. --}}
<div class="mb-6 rounded-md border border-hub-soft-2 bg-hub-soft/50 px-4 py-3">
{{-- Erst ab lg nebeneinander: zwischen sm und lg reichte die
Breite nicht für Badges + Switcher, Inhalte überlappten. --}}
<div class="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
<div class="min-w-0">
<div class="flex flex-wrap items-center gap-2.5">
<span class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-hub-soft text-hub text-[10.5px] font-bold tracking-[0.10em] uppercase">
<span class="w-1.5 h-1.5 rounded-full bg-hub"></span>
{{ __('User Backend') }}
</span>
<span class="hidden sm:inline-block text-[10.5px] font-semibold tracking-[0.16em] uppercase text-ink-3">
{{ __('Firmenkontext') }}
</span>
</div>
<h2 class="mt-1 text-[15px] font-semibold tracking-[-0.2px] truncate text-ink m-0">
{{ $title ?? __('Mein Bereich') }}
</h2>
</div>
<div class="w-full lg:w-auto">
<livewire:customer.company-switcher />
</div>
</div>
</div>
@endif
{{ $slot }}
</flux:main>
</x-layouts.app.sidebar>