fix: prevent long container names from overflowing card

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 is contained in:
ZacharyZcR
2026-01-12 14:44:19 +08:00
parent 69f3f88ae5
commit 46ac245a86

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}