50c3829f98
- Add device ID and IP-based rate limiting to prevent abuse - Refactor UI components for better header menus and settings - Update privacy popup with detailed data usage info - Improve PDF handling and caching to prevent react-pdf warnings - Update README with new Docker instructions and environment variables
27 lines
769 B
TypeScript
27 lines
769 B
TypeScript
import { ReactNode } from "react";
|
|
|
|
export function Header({
|
|
left,
|
|
title,
|
|
right,
|
|
}: {
|
|
left?: ReactNode;
|
|
title?: ReactNode;
|
|
right?: ReactNode;
|
|
}) {
|
|
return (
|
|
<div className="sticky top-0 z-40 w-full border-b border-offbase bg-base" data-app-header>
|
|
<div className="px-2 sm:px-3 py-1 flex items-center justify-between gap-2 min-h-10">
|
|
<div className="flex items-center gap-2 min-w-0 flex-1">
|
|
{left}
|
|
{typeof title === 'string' ? (
|
|
<h1 className="text-xs md:text-sm font-semibold truncate text-foreground tracking-tight">{title}</h1>
|
|
) : (
|
|
title
|
|
)}
|
|
</div>
|
|
<div className="flex items-center gap-2 min-w-0 justify-end">{right}</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|