style: custom CSS theme with top navigation from HTML design tokens
- Custom Filament CSS: Material colors (#0058be primary), Manrope/Inter fonts - Top navigation bar 56px, white bg, border-bottom - Sharper border-radius, custom badge colors, form input styling - Similar Cases & Attachment Links redesigned to match HTML mockups - AdminPanelProvider: topNavigation(), custom colors, renderHook CSS injection - Dark mode overrides included
This commit is contained in:
@@ -7,16 +7,20 @@ use Filament\Http\Middleware\AuthenticateSession;
|
||||
use Filament\Http\Middleware\DisableBladeIconComponents;
|
||||
use Filament\Http\Middleware\DispatchServingFilamentEvent;
|
||||
use Filament\Navigation\NavigationGroup;
|
||||
use Filament\Navigation\NavigationItem;
|
||||
use Filament\Pages\Dashboard;
|
||||
use Filament\Panel;
|
||||
use Filament\PanelProvider;
|
||||
use Filament\Support\Colors\Color;
|
||||
use Filament\Support\Facades\FilamentView;
|
||||
use Filament\View\PanelsRenderHook;
|
||||
use Filament\Widgets\AccountWidget;
|
||||
use Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse;
|
||||
use Illuminate\Cookie\Middleware\EncryptCookies;
|
||||
use Illuminate\Foundation\Http\Middleware\PreventRequestForgery;
|
||||
use Illuminate\Routing\Middleware\SubstituteBindings;
|
||||
use Illuminate\Session\Middleware\StartSession;
|
||||
use Illuminate\Support\Facades\Blade;
|
||||
use Illuminate\View\Middleware\ShareErrorsFromSession;
|
||||
|
||||
class AdminPanelProvider extends PanelProvider
|
||||
@@ -29,9 +33,17 @@ class AdminPanelProvider extends PanelProvider
|
||||
->path('admin')
|
||||
->login()
|
||||
->brandName('AfterSales CRM')
|
||||
->topNavigation()
|
||||
->colors([
|
||||
'primary' => Color::Blue,
|
||||
'primary' => '#0058be',
|
||||
'secondary' => '#585f6c',
|
||||
'gray' => '#585f6c',
|
||||
'success' => '#10b981',
|
||||
'warning' => '#f59e0b',
|
||||
'danger' => '#ba1a1a',
|
||||
'info' => '#3b82f6',
|
||||
])
|
||||
->font('Inter')
|
||||
->discoverResources(in: app_path('Filament/Resources'), for: 'App\Filament\Resources')
|
||||
->discoverPages(in: app_path('Filament/Pages'), for: 'App\Filament\Pages')
|
||||
->pages([
|
||||
@@ -60,6 +72,14 @@ class AdminPanelProvider extends PanelProvider
|
||||
])
|
||||
->authMiddleware([
|
||||
Authenticate::class,
|
||||
]);
|
||||
])
|
||||
->renderHook(
|
||||
PanelsRenderHook::HEAD_END,
|
||||
fn (): string => '<link rel="stylesheet" href="' . asset('css/filament-custom.css') . '">',
|
||||
)
|
||||
->renderHook(
|
||||
PanelsRenderHook::BODY_END,
|
||||
fn (): string => '<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet">',
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user