lorentz/wulf-pulse
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

fix: use container class to align navigation with dashboard cards

Browse source 
- Changed from max-w-6xl to container mx-auto
- Restored left-4 and right-4 positioning for logo and theme toggle
- Navigation edges now align perfectly with dashboard card edges
- Matches the same container padding used throughout the app
This commit is contained in:
lorentz 2026-02-04 09:00:33 -05:00
parent b7e43c2232
commit 4a545b5f5c
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/navigation/app-navigation.tsx
View file

@ -95,10 +95,10 @@ export function AppNavigation() {
return (
<header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div className="relative flex h-16 items-center justify-center max-w-6xl mx-auto px-4">
<div className="relative container mx-auto flex h-16 items-center justify-center">
<div className="flex flex-1 items-center justify-center">
{/* Logo and App Name */}
<Link href="/" className="flex items-center space-x-3 absolute left-0">
<Link href="/" className="flex items-center space-x-3 absolute left-4">
<img
src="/wulff-logo.png"
alt="Wulf Consulting"
@ -172,7 +172,7 @@ export function AppNavigation() {
</NavigationMenu>
{/* Right Side Actions */}
<div className="flex items-center gap-3 absolute right-0">
<div className="flex items-center gap-3 absolute right-4">
<ThemeToggle />
</div>
</div>