Files
stats/apps/dashboard/src/app/(app)/[organizationId]/[projectId]/layout-sticky-below-header.tsx
2024-03-11 13:15:44 +01:00

23 lines
455 B
TypeScript

import { cn } from '@/utils/cn';
interface StickyBelowHeaderProps {
children: React.ReactNode;
className?: string;
}
export function StickyBelowHeader({
children,
className,
}: StickyBelowHeaderProps) {
return (
<div
className={cn(
'md:sticky bg-white border-b border-border z-20 [[id=dashboard]_&]:top-16 [[id=dashboard]_&]:rounded-none rounded-lg top-0',
className
)}
>
{children}
</div>
);
}