dennii/Termix
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases 22 Wiki Activity

fix: prevent long container names from overflowing card (#496)

Browse Source 
Added min-w-0 to CardTitle to allow text truncation in flexbox.
Without this, flex items have min-width: auto which prevents
the truncate class from working properly.

Fixes #411
This commit was merged in pull request #496.
This commit is contained in:
ZacharyZcR
2026-01-12 15:27:58 +08:00
committed by GitHub
parent 614f2f84ec
commit 7ecfb4d685
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/ui/desktop/apps/features/docker/components/ContainerCard.tsx
View File

@@ -255,7 +255,7 @@ export function ContainerCard({
> >
<CardHeader className="pb-2 px-4"> <CardHeader className="pb-2 px-4">
<div className="flex items-start justify-between gap-2"> <div className="flex items-start justify-between gap-2">
<CardTitle className="text-base font-semibold truncate flex-1"> <CardTitle className="text-base font-semibold truncate flex-1 min-w-0">
{container.name.startsWith("/") {container.name.startsWith("/")
? container.name.slice(1) ? container.name.slice(1)
: container.name} : container.name}