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

fix: flows title on dashboard are truncating too soon (#8696)

Browse source 
* fix: Adjust header component styles for improved layout consistency

* fix: Update ListComponent styles for improved layout and readability
This commit is contained in:
Deon Sanchez 2025-06-24 12:01:03 -06:00 • committed by GitHub
commit 91b983a00a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/frontend/src/pages/MainPage/components/header/index.tsx
View file

@ -191,7 +191,7 @@ const HeaderComponent = ({
<div className="flex items-center"> <div className="flex items-center">
<div <div
className={cn( className={cn(
"-mr-3 flex w-0 items-center gap-2 overflow-hidden opacity-0 transition-all duration-300", "flex w-0 items-center gap-2 overflow-hidden opacity-0 transition-all duration-300",
selectedFlows.length > 0 && "w-36 opacity-100", selectedFlows.length > 0 && "w-36 opacity-100",
)} )}
> >

8
src/frontend/src/pages/MainPage/components/list/index.tsx
View file

@ -156,9 +156,9 @@ const ListComponent = ({
</div> </div>
<div className="flex min-w-0 flex-col justify-start"> <div className="flex min-w-0 flex-col justify-start">
<div className="line-clamp-1 flex min-w-0 items-baseline truncate max-md:flex-col"> <div className="flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-1">
<div <div
className="flex truncate pr-2 text-sm font-semibold max-md:w-full" className="flex min-w-0 flex-shrink truncate text-sm font-semibold"
data-testid={`flow-name-div`} data-testid={`flow-name-div`}
> >
<span <span
@ -168,8 +168,10 @@ const ListComponent = ({
{flowData.name} {flowData.name}
</span> </span>
</div> </div>
<div className="item-baseline flex text-xs text-muted-foreground"> <div className="flex min-w-0 flex-shrink text-xs text-muted-foreground">
<span className="truncate">
Edited {timeElapsed(flowData.updated_at)} ago Edited {timeElapsed(flowData.updated_at)} ago
</span>
</div> </div>
</div> </div>
</div> </div>