f58d2e364f
Several changes were made to improve UI consistency across various components. Styling updates and enhancements were applied to elements including but not limited to, the SiteHeader, SiteNavigationItem, and ModeToggle components. Additionally, a refinement was made to the billing schema to enforce only having one per-seat and one flat line item per plan.
33 lines
928 B
TypeScript
33 lines
928 B
TypeScript
import type { User } from '@supabase/supabase-js';
|
|
|
|
import { AppLogo } from '~/components/app-logo';
|
|
|
|
import { SiteHeaderAccountSection } from './site-header-account-section';
|
|
import { SiteNavigation } from './site-navigation';
|
|
|
|
export function SiteHeader(props: { user?: User | null }) {
|
|
return (
|
|
<div
|
|
className={
|
|
'sticky top-0 z-10 w-full bg-background/80 shadow-sm backdrop-blur-md dark:bg-background/50 dark:shadow-primary/10'
|
|
}
|
|
>
|
|
<div className={'px-4 lg:px-8'}>
|
|
<div className="grid h-14 grid-cols-3 items-center">
|
|
<div>
|
|
<AppLogo />
|
|
</div>
|
|
|
|
<div className={'order-first md:order-none'}>
|
|
<SiteNavigation />
|
|
</div>
|
|
|
|
<div className={'flex items-center justify-end space-x-1'}>
|
|
<SiteHeaderAccountSection user={props.user ?? null} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|