nav updated

This commit is contained in:
Deon Sanchez 2025-10-01 13:04:12 -06:00
parent 73af333060
commit b05d846603
3 changed files with 11 additions and 11 deletions

View file

@ -348,7 +348,7 @@ export function Navigation({
<div className="flex items-center flex-1"> <div className="flex items-center flex-1">
<route.icon <route.icon
className={cn( className={cn(
"h-4 w-4 mr-3 shrink-0", "h-[18px] w-[18px] mr-2 shrink-0",
route.active route.active
? "text-muted-foreground" ? "text-muted-foreground"
: "text-muted-foreground group-hover:text-muted-foreground" : "text-muted-foreground group-hover:text-muted-foreground"
@ -377,8 +377,8 @@ export function Navigation({
<div className="flex-1 min-h-0 flex flex-col"> <div className="flex-1 min-h-0 flex flex-col">
{/* Conversations Section */} {/* Conversations Section */}
<div className="px-3 flex-shrink-0"> <div className="px-3 flex-shrink-0">
<div className="flex items-center justify-between mb-3"> <div className="flex items-center justify-between mb-3 ml-3 mr-2">
<h3 className="text-sm font-medium text-muted-foreground"> <h3 className="text-xs font-medium text-muted-foreground">
Conversations Conversations
</h3> </h3>
<button <button
@ -425,7 +425,7 @@ export function Navigation({
{/* Show regular conversations */} {/* Show regular conversations */}
{conversations.length === 0 && !placeholderConversation ? ( {conversations.length === 0 && !placeholderConversation ? (
<div className="text-sm text-muted-foreground p-2"> <div className="text-[13px] text-muted-foreground p-2">
No conversations yet No conversations yet
</div> </div>
) : ( ) : (
@ -502,8 +502,8 @@ export function Navigation({
{/* Conversation Knowledge Section - appears right after last conversation */} {/* Conversation Knowledge Section - appears right after last conversation */}
<div className="flex-shrink-0 mt-4"> <div className="flex-shrink-0 mt-4">
<div className="flex items-center justify-between mb-3"> <div className="flex items-center justify-between mb-3 ml-3 mr-2">
<h3 className="text-sm font-medium text-muted-foreground"> <h3 className="text-xs font-medium text-muted-foreground">
Conversation knowledge Conversation knowledge
</h3> </h3>
<button <button
@ -522,9 +522,9 @@ export function Navigation({
className="hidden" className="hidden"
accept=".pdf,.doc,.docx,.txt,.md,.rtf,.odt" accept=".pdf,.doc,.docx,.txt,.md,.rtf,.odt"
/> />
<div className="overflow-y-auto scrollbar-hide space-y-1 max-h-40"> <div className="overflow-y-auto scrollbar-hide space-y-1 max-h-40 ml-1">
{conversationDocs.length === 0 ? ( {conversationDocs.length === 0 ? (
<div className="text-sm text-muted-foreground p-2"> <div className="text-[13px] text-muted-foreground p-2">
No documents yet No documents yet
</div> </div>
) : ( ) : (

View file

@ -80,7 +80,7 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
return ( return (
<div className="h-full relative"> <div className="h-full relative">
<header className="header-arrangement bg-background sticky top-0 z-50 h-10"> <header className="header-arrangement bg-background sticky top-0 z-50 h-10">
<div className="header-start-display px-[20px]"> <div className="header-start-display px-[16px]">
{/* Logo/Title */} {/* Logo/Title */}
<div className="flex items-center"> <div className="flex items-center">
<Logo className="fill-primary" width={24} height={22} /> <Logo className="fill-primary" width={24} height={22} />
@ -113,7 +113,7 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
</button> </button>
{/* Separator */} {/* Separator */}
<div className="w-px h-6 bg-border ml-3 mr-4" /> <div className="w-px h-6 bg-border mx-3" />
<UserNav /> <UserNav />
</div> </div>

View file

@ -42,7 +42,7 @@ export function UserNav() {
return ( return (
<button <button
onClick={login} onClick={login}
className="flex items-center gap-2 h-7 px-3 mr-2 rounded-md bg-primary text-primary-foreground text-[13px] line-height-[16px]" className="flex items-center gap-2 h-7 px-3 mr-2 rounded-md bg-primary hover:bg-primary/90 text-primary-foreground text-[13px] line-height-[16px]"
> >
Sign In Sign In
</button> </button>