Update header and user navigation styles for improved layout consistency. Adjusted header height and button sizes for better alignment and usability.

This commit is contained in:
Deon Sanchez 2025-09-30 14:03:46 -06:00
parent d1b6ff7429
commit 9863eed98b
2 changed files with 4 additions and 4 deletions

View file

@ -79,7 +79,7 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
// For all other pages, render with Langflow-styled navigation and task menu
return (
<div className="h-full relative">
<header className="header-arrangement bg-background sticky top-0 z-50">
<header className="header-arrangement bg-background sticky top-0 z-50 h-10">
<div className="header-start-display px-[20px]">
{/* Logo/Title */}
<div className="flex items-center">
@ -104,7 +104,7 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
{/* Task Notification Bell */}
<button
onClick={toggleMenu}
className="h-9 w-9 hover:bg-muted rounded-lg flex items-center justify-center"
className="h-8 w-8 hover:bg-muted rounded-lg flex items-center justify-center"
>
<Bell size={20} className="text-muted-foreground" />
{activeTasks.length > 0 && (

View file

@ -59,8 +59,8 @@ export function UserNav() {
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<button className="hover:bg-muted rounded-lg flex items-center justify-center">
<Avatar className="rounded-md w-8 h-8">
<button className="hover:bg-muted rounded-lg pl-[4px] p-[3px] flex items-center justify-center">
<Avatar className="rounded-md w-7 h-7">
<AvatarImage
width={16}
height={16}