pengjunjie/langflow
1
0
Fork 1
mirror of https://github.com/langflow-ai/langflow.git synced 2026-07-24 13:09:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

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
parent 90d9ab2f64
commit e7a7d93c14
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"
>
<>