gmakstutis/openrag
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/components/layout-wrapper.tsx
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 // For all other pages, render with Langflow-styled navigation and task menu
return ( return (
<div className="h-full relative"> <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]"> <div className="header-start-display px-[20px]">
{/* Logo/Title */} {/* Logo/Title */}
<div className="flex items-center"> <div className="flex items-center">
@ -104,7 +104,7 @@ export function LayoutWrapper({ children }: { children: React.ReactNode }) {
{/* Task Notification Bell */} {/* Task Notification Bell */}
<button <button
onClick={toggleMenu} 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" /> <Bell size={20} className="text-muted-foreground" />
{activeTasks.length > 0 && ( {activeTasks.length > 0 && (

4
frontend/src/components/user-nav.tsx
View file

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