Resource Hero Section
Automatic enhanced styling for Resource page headers. Adds a glass card background, gradient bottom border, improved typography, and breadcrumb polish.
How It Works
This is a pure CSS override — no configuration needed. Once Aura Filament is installed, every Resource page (List, Create, Edit, View) gets the hero styling automatically.
What Gets Styled
| Element | Enhancement |
|---|---|
| Header container | Glass/solid background (per preset), border, rounded corners |
| Page title | Heavier weight (800), tighter letter-spacing |
| Subtitle | Muted color, smaller font |
| Breadcrumbs | Smaller font, primary-colored hover on links |
| Action buttons | Glow effect on hover matching active preset |
| Bottom border | Gradient accent line (primary color fading to transparent) |
All styles respect the active preset's design tokens and include full dark mode support.
Notes
- Zero configuration — works on all Resource pages
- All 8 presets (Glass, Corporate, Warm, Midnight, Aurora, Neon, Minimal, Nature) supported
- No Blade overrides — pure CSS targeting Filament's
.fi-headerDOM