@@ -16,52 +16,45 @@ import { LogOut, User, Settings } from "lucide-react";
1616
1717export function AppNavbar ( ) {
1818 return (
19- < nav className = "fixed top -0 left -0 right -0 z-50 backdrop-blur-sm border-b border-border/60 bg-background/95" >
19+ < nav className = "fixed left -0 right -0 top -0 z-50 border-b border-border/60 bg-background/95 backdrop-blur-sm " >
2020 < header className = "flex h-16 items-center px-4 lg:px-6" >
2121 < div className = "flex flex-1 items-center gap-6" >
2222 < div className = "flex items-center gap-4" >
23- < Link
24- to = "/"
25- className = "flex items-center transition-opacity hover:opacity-80"
26- >
27- < img
28- src = "/images/braid-logo-light.svg"
29- alt = "Braid Logo"
30- className = "h-7 w-auto"
31- />
23+ < Link to = "/" className = "flex items-center transition-opacity hover:opacity-80" >
24+ < img src = "/images/braid-logo-light.svg" alt = "Braid Logo" className = "h-7 w-auto" />
3225 </ Link >
3326 < Separator orientation = "vertical" className = "mx-1 h-5 opacity-30" />
3427 < DashboardBreadcrumb />
3528 </ div >
36-
29+
3730 < div className = "ml-auto flex items-center gap-4" >
3831 < Link
3932 to = "/feed"
40- activeProps = { {
41- className : "text-foreground bg-muted"
33+ activeProps = { {
34+ className : "text-foreground bg-muted" ,
4235 } }
43- inactiveProps = { {
44- className : "text-muted-foreground hover:text-foreground hover:bg-muted/60"
36+ inactiveProps = { {
37+ className : "text-muted-foreground hover:text-foreground hover:bg-muted/60" ,
4538 } }
46- className = "relative px-3 py-2 rounded-lg font-medium transition-all duration-200 ease-in-out"
39+ className = "relative rounded-lg px-3 py-2 font-medium transition-all duration-200 ease-in-out"
4740 >
4841 Feed
4942 </ Link >
5043 < Link
5144 to = "/config"
52- activeProps = { {
53- className : "text-foreground bg-muted"
45+ activeProps = { {
46+ className : "text-foreground bg-muted" ,
5447 } }
55- inactiveProps = { {
56- className : "text-muted-foreground hover:text-foreground hover:bg-muted/60"
48+ inactiveProps = { {
49+ className : "text-muted-foreground hover:text-foreground hover:bg-muted/60" ,
5750 } }
58- className = "relative px-3 py-2 rounded-lg font-medium transition-all duration-200 ease-in-out"
51+ className = "relative rounded-lg px-3 py-2 font-medium transition-all duration-200 ease-in-out"
5952 >
6053 Config
6154 </ Link >
62-
55+
6356 < Separator orientation = "vertical" className = "h-8 opacity-30" />
64-
57+
6558 < DropdownMenu >
6659 < DropdownMenuTrigger asChild >
6760 < Button variant = "ghost" className = "relative h-8 w-8 rounded-full" >
@@ -75,9 +68,7 @@ export function AppNavbar() {
7568 < DropdownMenuLabel className = "font-normal" >
7669 < div className = "flex flex-col space-y-1" >
7770 < p className = "text-sm font-medium leading-none" > Henry Dowling</ p >
78- < p className = "text-xs leading-none text-muted-foreground" >
79- henry@example.com
80- </ p >
71+ < p className = "text-xs leading-none text-muted-foreground" > henry@example.com</ p >
8172 </ div >
8273 </ DropdownMenuLabel >
8374 < DropdownMenuSeparator />
@@ -103,4 +94,4 @@ export function AppNavbar() {
10394 </ header >
10495 </ nav >
10596 ) ;
106- }
97+ }
0 commit comments