From a648f1e41399327341ca2e603b2331f5f42f9ccc Mon Sep 17 00:00:00 2001
From: kunish <kunish.butt@gmail.com>
Date: Thu, 19 Oct 2023 23:59:22 +0800
Subject: [PATCH] feat(proxy): do not truncate the proxy node name when not
 enough width, closes #351

---
 src/components/ProxyNodeCard.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ProxyNodeCard.tsx b/src/components/ProxyNodeCard.tsx
index 443eec3..7e4a62e 100644
--- a/src/components/ProxyNodeCard.tsx
+++ b/src/components/ProxyNodeCard.tsx
@@ -26,7 +26,7 @@ export const ProxyNodeCard = (props: {
   return (
     <div
       class={twMerge(
-        'card card-bordered tooltip-bottom flex flex-col gap-1 border-neutral-focus bg-neutral p-2 text-neutral-content',
+        'card card-bordered tooltip-bottom flex flex-col justify-between gap-1 border-neutral-focus bg-neutral p-2 text-neutral-content',
         isSelected && 'border-primary bg-primary-content text-primary',
         onClick && 'cursor-pointer',
       )}
@@ -34,7 +34,7 @@ export const ProxyNodeCard = (props: {
       title={proxyName}
     >
       <div class="flex items-center justify-between gap-2">
-        <span class="truncate text-left text-sm">{proxyName}</span>
+        <span class="text-left text-sm">{proxyName}</span>
 
         <Button
           class="btn-circle btn-ghost h-auto min-h-0 w-auto"
@@ -58,7 +58,7 @@ export const ProxyNodeCard = (props: {
       <div class="flex items-center justify-between gap-1">
         <div
           class={twMerge(
-            'truncate text-xs text-slate-500',
+            'text-xs text-slate-500',
             isSelected && 'text-primary',
           )}
         >