feat: implement layout components, shared input UI, and define global color theme

This commit is contained in:
Poyraz Avsever
2026-05-07 11:21:08 +03:00
parent 8df585752f
commit a132443c93
5 changed files with 48 additions and 46 deletions
+2 -2
View File
@@ -4,13 +4,13 @@ import { User } from "lucide-react";
export function Header() {
return (
<header className="h-16 border-b border-border bg-background flex items-center justify-between px-6 shrink-0">
<header className="h-16 border-b border-border/40 bg-background/40 backdrop-blur-md flex items-center justify-between px-6 shrink-0 sticky top-0 z-10">
<div className="text-sm text-muted-foreground font-medium">
Kişisel Odak Alanı
</div>
<div className="flex items-center gap-3">
<div className="text-sm font-medium">Lokal Kullanıcı</div>
<div className="flex items-center justify-center h-9 w-9 bg-muted text-muted-foreground rounded-full">
<div className="flex items-center justify-center h-9 w-9 bg-secondary text-secondary-foreground rounded-full border border-border/50">
<User className="h-5 w-5" />
</div>
</div>