fix: Fix server card title overflow for responsiveness

This commit is contained in:
Bogdan Covrig 2026-09-02 13:48:05 +02:00 committed by GitHub
parent 344febb4c1
commit f904a7bd55
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -115,10 +115,10 @@ export const ShowServers = () => {
className="relative hover:shadow-lg transition-shadow flex flex-col bg-transparent"
>
<CardHeader className="pb-3">
<div className="flex items-start justify-between gap-2">
<div className="flex items-start justify-between gap-2 min-w-0">
<div className="flex min-w-0 items-center gap-2">
<ServerIcon className="size-5 shrink-0 text-muted-foreground" />
<CardTitle className="text-lg wrap-break-word min-w-0">
<CardTitle className="text-lg truncate min-w-0" title={server.name}>
{server.name}
</CardTitle>
</div>