9377f6eabb
- Remove all custom styling patterns and utilities (glow, gradients, custom colors) - Fix Tailwind v4 CSS variable configuration with proper @theme directive - Replace custom OKLCH colors with standard shadcn neutral theme - Remove complex button styling with glow effects and gradients - Standardize error colors to use semantic destructive tokens - Remove custom background gradients and complex header styling - Clean up globals.css removing custom utilities and animations - Ensure proper dark/light mode theme switching functionality ✅ All components now use standard shadcn/Tailwind patterns ✅ Dark/light mode works correctly ✅ No custom styling or inline classes ✅ Passes lint and typecheck 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
25 lines
693 B
TypeScript
25 lines
693 B
TypeScript
import Link from "next/link";
|
|
import { UserProfile } from "@/components/auth/user-profile";
|
|
import { ModeToggle } from "./ui/mode-toggle";
|
|
|
|
export function SiteHeader() {
|
|
return (
|
|
<header className="border-b">
|
|
<div className="container mx-auto px-4 py-4 flex justify-between items-center">
|
|
<h1 className="text-2xl font-bold">
|
|
<Link
|
|
href="/"
|
|
className="text-primary hover:text-primary/80 transition-colors"
|
|
>
|
|
Agentic Coding Boilerplate
|
|
</Link>
|
|
</h1>
|
|
<div className="flex items-center gap-4">
|
|
<UserProfile />
|
|
<ModeToggle />
|
|
</div>
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|