redesign
This commit is contained in:
@@ -40,8 +40,7 @@ type Props = {
|
||||
breadcrumbs?: BreadcrumbItem[];
|
||||
};
|
||||
|
||||
const activeItemStyles =
|
||||
'text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100';
|
||||
const activeItemStyles = 'bg-accent text-accent-foreground';
|
||||
|
||||
export function AppHeader({ breadcrumbs = [] }: Props) {
|
||||
const page = usePage();
|
||||
@@ -71,7 +70,7 @@ export function AppHeader({ breadcrumbs = [] }: Props) {
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="border-b border-sidebar-border/80">
|
||||
<div className="border-b border-sidebar-border/80 bg-background/95 backdrop-blur">
|
||||
<div className="mx-auto flex h-16 items-center px-4 md:max-w-7xl">
|
||||
{/* Mobile Menu */}
|
||||
<div className="lg:hidden">
|
||||
@@ -153,7 +152,7 @@ export function AppHeader({ breadcrumbs = [] }: Props) {
|
||||
{item.title}
|
||||
</Link>
|
||||
{isCurrentUrl(item.href) && (
|
||||
<div className="absolute bottom-0 left-0 h-0.5 w-full translate-y-px bg-black dark:bg-white"></div>
|
||||
<div className="absolute bottom-0 left-0 h-0.5 w-full translate-y-px bg-primary"></div>
|
||||
)}
|
||||
</NavigationMenuItem>
|
||||
))}
|
||||
@@ -203,7 +202,7 @@ export function AppHeader({ breadcrumbs = [] }: Props) {
|
||||
src={auth.user?.avatar}
|
||||
alt={auth.user?.name}
|
||||
/>
|
||||
<AvatarFallback className="rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white">
|
||||
<AvatarFallback className="rounded-md bg-secondary text-secondary-foreground">
|
||||
{getInitials(auth.user?.name ?? '')}
|
||||
</AvatarFallback>
|
||||
</Avatar>
|
||||
|
||||
Reference in New Issue
Block a user