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

style: align navigation edges with card content

Browse source 
- Removed container class, using max-w-6xl with px-4 directly
- Changed absolute positioning from left-4/right-4 to left-0/right-0
- Navigation edges now align perfectly with card edges
- Logo lines up with Dashboard text on left
- Theme toggle aligns with card edge on right
This commit is contained in:
lorentz 2026-02-04 08:50:41 -05:00
parent 4316d0187f
commit b7e43c2232
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 container flex h-16 items-center justify-center max-w-6xl mx-auto">
<div className="relative flex h-16 items-center justify-center max-w-6xl mx-auto px-4">
<div className="flex flex-1 items-center justify-center">
{/* Logo and App Name */}
<Link href="/" className="flex items-center space-x-3 absolute left-4">
<Link href="/" className="flex items-center space-x-3 absolute left-0">
<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-4">
<div className="flex items-center gap-3 absolute right-0">
<ThemeToggle />
</div>
</div>