Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-07-03 07:14:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(header): add settings button to header

Browse Source
This commit is contained in:
cfngc4594 2025-03-03 11:40:05 +08:00
parent 1d81013122
commit eab8743095
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/header.tsx
View File

@ -1,5 +1,6 @@
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import RunCode from "./run-code"; import RunCode from "./run-code";
import SettingsButton from "./settings-button";
interface HeaderProps { interface HeaderProps {
className?: string; className?: string;
@ -12,9 +13,25 @@ export function Header({
return ( return (
<header <header
{...props} {...props}
className={cn("h-12 flex flex-none items-center justify-center", className)} className={cn("relative", className)}
> >
<RunCode /> <nav className="relative h-12 w-full flex shrink-0 items-center px-2.5">
<div className="w-full flex justify-between">
<div className="w-full flex items-center justify-between">
<div className="flex items-center"></div>
<div className="relative flex items-center gap-2">
<SettingsButton />
</div>
</div>
</div>
</nav>
<div className="z-10 absolute left-1/2 top-0 h-full -translate-x-1/2 py-2">
<div className="relative flex">
<div className="relative flex overflow-hidden rounded">
<RunCode />
</div>
</div>
</div>
</header> </header>
); );
} }