From 78ec9e5d6c574e85405f7138782f39cce3a8a345 Mon Sep 17 00:00:00 2001
From: kunish <kunish.butt@gmail.com>
Date: Fri, 11 Oct 2024 23:00:26 +0800
Subject: [PATCH] fix(proxies): proxy type should be positioned relative to the
 card

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

diff --git a/src/components/ProxyNodeCard.tsx b/src/components/ProxyNodeCard.tsx
index 219875c..51cd845 100644
--- a/src/components/ProxyNodeCard.tsx
+++ b/src/components/ProxyNodeCard.tsx
@@ -34,21 +34,19 @@ export const ProxyNodeCard = (props: {
   return (
     <div
       class={twMerge(
-        'card tooltip card-compact tooltip-accent bg-neutral text-neutral-content',
+        'card tooltip card-compact tooltip-accent relative bg-neutral text-neutral-content',
         isSelected && 'bg-primary text-primary-content',
         onClick && 'cursor-pointer',
       )}
       data-tip={proxyName}
       onClick={onClick}
     >
-      <div class="card-body relative">
-        <div class="badge badge-secondary badge-sm absolute bottom-0 left-1/2 -translate-x-1/2 font-bold uppercase">
-          {formatProxyType(proxyNode()?.type)}
-        </div>
+      <div class="badge badge-secondary badge-sm absolute bottom-0 left-1/2 -translate-x-1/2 font-bold uppercase">
+        {formatProxyType(proxyNode()?.type)}
+      </div>
 
-        <div class="card-title flex items-center justify-between gap-2">
-          <span class="line-clamp-1 text-start text-sm">{proxyName}</span>
-        </div>
+      <div class="card-body">
+        <h2 class="card-title line-clamp-1 text-start text-sm">{proxyName}</h2>
 
         <span
           class={twMerge(