26db7d9a0e
The styling of multiple components has been updated for consistency and readability. A new heading font has been added to improve visual hierarchy. Changes include updating font sizes, adding a new heading font, and adjusting borders and padding over several components.
26 lines
865 B
TypeScript
26 lines
865 B
TypeScript
import type { User } from '@supabase/supabase-js';
|
|
|
|
import { SiteHeaderAccountSection } from '~/(marketing)/_components/site-header-account-section';
|
|
import { SiteNavigation } from '~/(marketing)/_components/site-navigation';
|
|
import { AppLogo } from '~/components/app-logo';
|
|
|
|
export function SiteHeader(props: { user?: User | null }) {
|
|
return (
|
|
<div className={'border-b border-gray-100 dark:border-border'}>
|
|
<div className={'px-4 lg:px-8'}>
|
|
<div className="flex h-14 items-center justify-between">
|
|
<div className={'flex w-6/12 items-center space-x-8'}>
|
|
<AppLogo />
|
|
|
|
<SiteNavigation />
|
|
</div>
|
|
|
|
<div className={'flex flex-1 items-center justify-end space-x-1'}>
|
|
<SiteHeaderAccountSection user={props.user ?? null} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|