jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix: Improve AppHeader layout responsiveness glitch (#8907)

Browse source 
* 📝 (appHeaderComponent/index.tsx): Remove unnecessary classes and adjust styling for better layout and performance.

* 🔧 (appHeaderComponent/index.tsx): update classNames to improve layout and styling of the app header component
This commit is contained in:
Cristhian Zanforlin Lousa 2025-07-07 13:16:02 -03:00 • committed by GitHub
commit e7a7d93c14
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/frontend/src/components/core/appHeaderComponent/index.tsx
View file

@ -56,7 +56,7 @@ export default function AppHeader(): JSX.Element {
> >
{/* Left Section */} {/* Left Section */}
<div <div
className={`z-30 flex items-center gap-2`} className={`z-30 flex shrink-0 items-center gap-2`}
data-testid="header_left_section_wrapper" data-testid="header_left_section_wrapper"
> >
<Button <Button
@ -80,13 +80,13 @@ export default function AppHeader(): JSX.Element {
</div> </div>
{/* Middle Section */} {/* Middle Section */}
<div className="absolute left-1/2 w-full flex-1 -translate-x-1/2"> <div className="absolute left-1/2 -translate-x-1/2">
<FlowMenu /> <FlowMenu />
</div> </div>
{/* Right Section */} {/* Right Section */}
<div <div
className={`relative left-3 z-30 flex items-center gap-3`} className={`relative left-3 z-30 flex shrink-0 items-center gap-3`}
data-testid="header_right_section_wrapper" data-testid="header_right_section_wrapper"
> >
<> <>