mirror of
https://github.com/browseros-ai/BrowserOS.git
synced 2026-05-20 20:39:10 +00:00
a497ac4f0d
* chore: update bun lock * feat: created unified app component * feat: created unified app directory * feat: refactor all html files * feat: setup sidebar * feat: simplify theme toggle * feat: setup collapsible sidebar * feat: remove navigation label * feat: use smoother animation for sidebar collapse * fix: collapsible sidebar on theme toggle * chore: hide sign in button * chore: persist collapsible state * feat: make sidebar logo larger
21 lines
767 B
TypeScript
21 lines
767 B
TypeScript
import { Palette } from 'lucide-react'
|
|
import type { FC } from 'react'
|
|
|
|
export const CustomizationHeader: FC = () => {
|
|
return (
|
|
<div className="rounded-xl border border-border bg-card p-6 shadow-sm transition-all hover:shadow-md">
|
|
<div className="flex items-start gap-4">
|
|
<div className="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-[var(--accent-orange)]/10">
|
|
<Palette className="h-6 w-6 text-[var(--accent-orange)]" />
|
|
</div>
|
|
<div className="flex-1">
|
|
<h2 className="mb-1 font-semibold text-xl">Customization</h2>
|
|
<p className="text-muted-foreground text-sm">
|
|
Personalize your toolbar and browser interface
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|