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 */}
<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"
>
<Button
@ -80,13 +80,13 @@ export default function AppHeader(): JSX.Element {
</div>
{/* 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 />
</div>
{/* Right Section */}
<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"
>
<>