Implement sticky header actions in edit pages: Added save and cancel actions with localization support to the header of EditBlog, EditCustomer, EditLanguage, EditPage, EditSetting pages. Introduced a new Blade view for sticky actions, enhancing user experience by keeping action buttons accessible during form editing.

2025-10-30 17:09:06 -03:00
parent 8a58e63259
commit 128adb7a9c
14 changed files with 214 additions and 17 deletions
@@ -0,0 +1,41 @@
+@php
+    $hasInlineLabels = $this->hasInlineLabels();
+@endphp
+
+<x-filament-panels::page>
+    <style>
+        /* Sticky Header with Actions */
+        .fi-header {
+            position: sticky;
+            top: 0;
+            z-index: 40;
+            background: white;
+            border-bottom: 1px solid rgb(229, 231, 235);
+            padding-bottom: 1rem;
+            margin-bottom: 1.5rem;
+        }
+        
+        .dark .fi-header {
+            background: rgb(17, 24, 39);
+            border-bottom-color: rgb(55, 65, 81);
+        }
+        
+        /* Action buttons styling */
+        .fi-header-actions {
+            display: flex;
+            gap: 0.5rem;
+            flex-wrap: wrap;
+            align-items: center;
+        }
+        
+        /* Make save button more prominent */
+        .fi-header-actions button[wire\:click*="save"] {
+            font-weight: 600;
+        }
+    </style>
+    
+    <form wire:submit="save">
+        {{ $this->form }}
+    </form>
+</x-filament-panels::page>
+