fix: constrain proxy address width to prevent overflow

Add overflow-hidden to the inner flex container holding the badge
and address text to ensure proper text truncation within the card.
This commit is contained in:
bincxz committed 2026-03-03 15:23:43 +08:00
1 parent 9d3b0056a5
commit f6cf915792
1 file changed
+1 -1
+1 -1
View File
@@ -1342,7 +1342,7 @@ const HostDetailsPanel: React.FC<HostDetailsPanelProps> = ({
className="w-full flex items-center gap-2 p-2 rounded-md bg-secondary/50 hover:bg-secondary transition-colors cursor-pointer overflow-hidden"
onClick={() => setActiveSubPanel("proxy")}
>
<div className="flex items-center gap-1 min-w-0 flex-1">
<div className="flex items-center gap-1 min-w-0 flex-1 overflow-hidden">
<Badge variant="secondary" className="text-xs shrink-0">
{form.proxyConfig.type?.toUpperCase()}
</Badge>