4e91f267e0
* Updated to TailwindCSS v4 * Moved CSS module to its own CSS file because of lightingcss strict validation * Respect next parameter in middleware * Updated all packages. * Split CSSs for better organization. * Redesigned theme and auth pages * Improved pill and header design * Formatted files using Prettier * Better footer layout * Better auth layout * Bump version of the repository to 2.0.0
38 lines
815 B
TypeScript
38 lines
815 B
TypeScript
import { cn } from '@kit/ui/utils';
|
|
|
|
export function SitePageHeader({
|
|
title,
|
|
subtitle,
|
|
container = true,
|
|
className = '',
|
|
}: {
|
|
title: string;
|
|
subtitle: string;
|
|
container?: boolean;
|
|
className?: string;
|
|
}) {
|
|
const containerClass = container ? 'container' : '';
|
|
|
|
return (
|
|
<div className={cn('border-b py-8 xl:py-10 2xl:py-12', className)}>
|
|
<div className={cn('flex flex-col gap-y-3 lg:gap-y-4', containerClass)}>
|
|
<h1
|
|
className={
|
|
'font-heading text-3xl font-medium tracking-tighter xl:text-5xl dark:text-white'
|
|
}
|
|
>
|
|
{title}
|
|
</h1>
|
|
|
|
<h2
|
|
className={
|
|
'text-muted-foreground text-lg tracking-tight 2xl:text-2xl'
|
|
}
|
|
>
|
|
{subtitle}
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|