UI updates

This commit is contained in:
Harivansh Rathi 2024-12-11 17:33:48 -05:00
parent d9b7c807fe
commit 979fc85242
3 changed files with 132 additions and 79 deletions

View file

@ -15,15 +15,18 @@ const Header = () => {
<div className="fixed w-full top-0 z-50">
<div className="absolute inset-x-0 -top-4 h-24 bg-gradient-to-b from-background/80 via-background/50 to-background/0 pointer-events-none" />
<header className="mt-4 mx-4">
<div className="rounded-2xl bg-background/60 backdrop-blur-xl backdrop-saturate-150 shadow-sm shadow-black/5">
<div className="h-14 px-4 flex items-center justify-between max-w-7xl mx-auto">
<Link to="/" className="flex items-center gap-2 text-xl font-bold">
<div className="h-8 w-8 rounded-lg bg-primary/10 flex items-center justify-center">
<BookOpen className="h-5 w-5 text-primary" />
</div>
<span className="gradient-text">RAG AI</span>
</Link>
<nav className="flex items-center gap-4">
<div className="rounded-2xl bg-neutral-100/80 dark:bg-neutral-800/80 backdrop-blur-xl backdrop-saturate-150 shadow-sm shadow-black/5">
<div className="h-14 flex items-center">
<div className="flex-shrink-0 pl-4">
<Link to="/" className="flex items-center gap-2 text-xl font-bold">
<div className="h-8 w-8 rounded-lg bg-primary/10 flex items-center justify-center">
<BookOpen className="h-5 w-5 text-primary" />
</div>
<span className="gradient-text">RAG AI</span>
</Link>
</div>
<div className="flex-1" />
<nav className="flex items-center gap-4 flex-shrink-0 pr-4">
{session ? (
<>
<Link to="/dashboard">