Responsive-Härtung: Seiten-Header, Kontextleiste, Stat-Cards

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

resources/views/livewire/admin/categories/create.blade.php

@@ -108,7 +108,7 @@ new #[Layout('components.layouts.app'), Title('Kategorie anlegen')] class extend
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/categories/edit.blade.php

@@ -174,7 +174,7 @@ new #[Layout('components.layouts.app'), Title('Kategorie bearbeiten')] class ext
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/categories/index.blade.php

@@ -143,7 +143,7 @@ new #[Layout('components.layouts.app'), Title('Kategorien')] class extends Compo
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/companies/create.blade.php

@@ -119,7 +119,7 @@ new #[Layout('components.layouts.app'), Title('Neue Firma')] class extends Compo
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/companies/edit.blade.php

@@ -197,7 +197,7 @@ new #[Layout('components.layouts.app'), Title('Firma bearbeiten')] class extends
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/companies/index.blade.php

@@ -298,7 +298,7 @@ new #[Layout('components.layouts.app'), Title('Firmen')] class extends Component
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/companies/show.blade.php

@@ -214,7 +214,7 @@ new #[Layout('components.layouts.app'), Title('Firma anzeigen')] class extends C
 
     {{-- ============== PAGE HEADER ============== --}}
     @php($logoUrl = $company->logoUrl())
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/contacts/create.blade.php

@@ -145,7 +145,7 @@ new #[Layout('components.layouts.app'), Title('Kontakt anlegen')] class extends
 
 <form wire:submit="save" class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/contacts/edit.blade.php

@@ -181,7 +181,7 @@ new #[Layout('components.layouts.app'), Title('Kontakt bearbeiten')] class exten
 <div class="space-y-8">
     <form wire:submit="save" class="space-y-8">
         {{-- ============== PAGE HEADER ============== --}}
-        <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+        <header class="page-header">
             <div class="min-w-0">
                 <div class="flex items-center gap-3 mb-3 flex-wrap">
                     <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/contacts/index.blade.php

@@ -393,7 +393,7 @@ new #[Layout('components.layouts.app'), Title('Kontakte')] class extends Compone
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/coupons/index.blade.php

@@ -14,7 +14,7 @@ new #[Layout('components.layouts.app'), Title('Gutscheine')] class extends Compo
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/footer-codes/create.blade.php

@@ -77,7 +77,7 @@ new #[Layout('components.layouts.app'), Title('Footer-Code anlegen')] class exte
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/footer-codes/edit.blade.php

@@ -108,7 +108,7 @@ new #[Layout('components.layouts.app'), Title('Footer-Code bearbeiten')] class e
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/footer-codes/index.blade.php

@@ -78,7 +78,7 @@ new #[Layout('components.layouts.app'), Title('Footer-Codes')] class extends Com
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/invoices/index.blade.php

@@ -122,7 +122,7 @@ new #[Layout('components.layouts.app'), Title('Legacy Rechnungen')] class extend
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/newsletter/sync.blade.php

@@ -88,7 +88,7 @@ new #[Layout('components.layouts.app'), Title('Newsletter Sync')] class extends
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/payments/index.blade.php

@@ -102,7 +102,7 @@ new #[Layout('components.layouts.app'), Title('Zahlungen')] class extends Compon
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/payments/plans.blade.php

@@ -114,7 +114,7 @@ new #[Layout('components.layouts.app'), Title('Tarife & Pakete')] class extends
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/presets/create.blade.php

@@ -52,7 +52,7 @@ new #[Layout('components.layouts.app'), Title('Neue Voreinstellung')] class exte
 
 <form wire:submit="save" class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/presets/edit.blade.php

@@ -73,7 +73,7 @@ new #[Layout('components.layouts.app'), Title('Voreinstellung bearbeiten')] clas
 
 <form wire:submit="save" class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/presets/index.blade.php

@@ -78,7 +78,7 @@ new #[Layout('components.layouts.app'), Title('Voreinstellungen')] class extends
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/press-releases/create.blade.php

@@ -498,7 +498,7 @@ new #[Layout('components.layouts.app'), Title('Neue Pressemitteilung')] class ex
 
 <div class="space-y-8 pr-editor-shell" x-data="{ tagInput: '' }">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/press-releases/edit.blade.php

@@ -704,7 +704,7 @@ new #[Layout('components.layouts.app'), Title('Pressemitteilung bearbeiten')] cl
     {{-- Flash-Banner ersetzt durch <flux:toast /> im Layout. --}}
 
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/press-releases/index.blade.php

@@ -392,7 +392,7 @@ new #[Layout('components.layouts.app'), Title('Pressemitteilungen')] class exten
     {{-- Flash-Banner ersetzt durch <flux:toast /> im Layout. --}}
 
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>
@@ -414,7 +414,7 @@ new #[Layout('components.layouts.app'), Title('Pressemitteilungen')] class exten
     </header>
 
     {{-- ============== KPI-Reihe ============== --}}
-    <section class="grid gap-4 grid-cols-2 sm:grid-cols-4">
+    <section class="grid gap-4 grid-cols-2 xl:grid-cols-4">
         <x-portal.stat-card variant="primary" :label="__('Gesamt')" :value="number_format($stats['total'])">
             <x-slot:meta>{{ now()->format('Y') }}</x-slot:meta>
             <x-slot:trend>{{ __('über beide Portale') }}</x-slot:trend>

resources/views/livewire/admin/press-releases/show.blade.php

@@ -132,7 +132,7 @@ new #[Layout('components.layouts.app'), Title('Pressemitteilung')] class extends
     {{-- Flash-Banner ersetzt durch <flux:toast /> im Layout. --}}
 
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/reports/slow-requests.blade.php

@@ -53,7 +53,7 @@ new #[Layout('components.layouts.app'), Title('Performance Reports')] class exte
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/roles/create.blade.php

@@ -77,7 +77,7 @@ new #[Layout('components.layouts.app'), Title('Neue Rolle')] class extends Compo
 
 <form wire:submit="save" class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/roles/edit.blade.php

@@ -99,7 +99,7 @@ new #[Layout('components.layouts.app'), Title('Rolle bearbeiten')] class extends
 
 <form wire:submit="save" class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/roles/index.blade.php

@@ -20,7 +20,7 @@ new #[Layout('components.layouts.app'), Title('Rollen & Rechte')] class extends
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/users.blade.php

@@ -315,7 +315,7 @@ new #[Layout('components.layouts.app'), Title('Benutzer')] class extends Compone
 
 <div class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/users/create.blade.php

@@ -231,7 +231,7 @@ new #[Layout('components.layouts.app'), Title('Benutzer anlegen')] class extends
 
 <form wire:submit="save" class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/users/edit.blade.php

@@ -717,7 +717,7 @@ new #[Layout('components.layouts.app'), Title('Benutzer bearbeiten')] class exte
 
 <form wire:submit="save" class="space-y-8">
     {{-- ============== PAGE HEADER ============== --}}
-    <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+    <header class="page-header">
         <div class="min-w-0">
             <div class="flex items-center gap-3 mb-3 flex-wrap">
                 <span class="badge hub dot">{{ __('Admin Backend') }}</span>

resources/views/livewire/admin/users/show.blade.php

@@ -73,7 +73,7 @@ new #[Layout('components.layouts.app'), Title('Benutzer anzeigen')] class extend
         </article>
     @else
         {{-- ============== PAGE HEADER ============== --}}
-        <header class="grid items-end gap-8" style="grid-template-columns:1fr auto;">
+        <header class="page-header">
             <div class="min-w-0">
                 <div class="flex items-center gap-3 mb-3 flex-wrap">
                     <span class="badge hub dot">{{ __('Admin Backend') }}</span>
@@ -102,7 +102,7 @@ new #[Layout('components.layouts.app'), Title('Benutzer anzeigen')] class extend
         </header>
 
         {{-- ============== KPI-Reihe ============== --}}
-        <section class="grid grid-cols-1 gap-4 sm:grid-cols-4">
+        <section class="grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4">
             <x-portal.stat-card variant="muted" :label="__('Portal')" :value="$user->portal?->label() ?? '-'">
                 <x-slot:meta>{{ __('Zuordnung') }}</x-slot:meta>
             </x-portal.stat-card>