Move notification bell to page header component #103

New issue

Closed

opened 2026-03-18 21:24:37 +01:00 by myrmidex · 0 comments

myrmidex commented

2026-03-18 21:24:37 +01:00

Owner

Summary

Moved the notification bell from the sidebar footer to a new <x-page-header> Blade component. The bell now sits top-right on every page, inline with the page title. Action buttons (Refresh, Create Route) sit to the left of the bell.

Changes

Created resources/views/components/page-header.blade.php — accepts title, subtitle, and optional slot for action buttons
All 6 main pages now use <x-page-header> instead of custom header markup
Bell removed from sidebar footer in layouts/app.blade.php
Desktop-only (hidden lg:block) — mobile still uses the bell in the mobile header

## Summary Moved the notification bell from the sidebar footer to a new `<x-page-header>` Blade component. The bell now sits top-right on every page, inline with the page title. Action buttons (Refresh, Create Route) sit to the left of the bell. ## Changes - Created `resources/views/components/page-header.blade.php` — accepts `title`, `subtitle`, and optional slot for action buttons - All 6 main pages now use `<x-page-header>` instead of custom header markup - Bell removed from sidebar footer in `layouts/app.blade.php` - Desktop-only (`hidden lg:block`) — mobile still uses the bell in the mobile header