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={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",
)}
>

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

@ -156,9 +156,9 @@ const ListComponent = ({
</div>
<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
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`}
>
<span
@ -168,8 +168,10 @@ const ListComponent = ({
{flowData.name}
</span>
</div>
<div className="item-baseline flex text-xs text-muted-foreground">
Edited {timeElapsed(flowData.updated_at)} ago
<div className="flex min-w-0 flex-shrink text-xs text-muted-foreground">
<span className="truncate">
Edited {timeElapsed(flowData.updated_at)} ago
</span>
</div>
</div>
</div>