From 460d426208f9873f48026ee1fed16447ea0822e5 Mon Sep 17 00:00:00 2001
From: Zephyruso <176294927+Zephyruso@users.noreply.github.com>
Date: Tue, 25 Feb 2025 19:30:07 +0800
Subject: [PATCH] fix: proxy group grid style

---
 src/components/proxies/ProxyGroupForMobile.vue | 5 ++---
 src/components/proxies/ProxyNodeCard.vue       | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/proxies/ProxyGroupForMobile.vue b/src/components/proxies/ProxyGroupForMobile.vue
index d333ec54..2f6e3da8 100644
--- a/src/components/proxies/ProxyGroupForMobile.vue
+++ b/src/components/proxies/ProxyGroupForMobile.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="relative h-20"
+    class="relative h-20 cursor-pointer"
     ref="cardRef"
     @click="handlerGroupClick"
   >
@@ -17,7 +17,6 @@
       ]"
       :style="[
         modalMode && {
-          'max-height': '50dvh',
           width: 'calc(100vw - 1rem)',
         },
         activeMode && {
@@ -79,6 +78,7 @@
       <div
         v-if="modalMode"
         class="grid flex-1 grid-cols-2 gap-2 overflow-y-auto overflow-x-hidden p-2"
+        style="max-height: calc(50dvh - 5rem)"
       >
         <ProxyNodeCard
           v-for="node in diplayAllContent ? renderProxies : renderProxies.slice(0, 16)"
@@ -87,7 +87,6 @@
           :group-name="proxyGroup.name"
           :active="node === proxyGroup.now"
           @click.stop="handlerProxySelect(node)"
-          class="max-h-14"
         />
       </div>
     </div>
diff --git a/src/components/proxies/ProxyNodeCard.vue b/src/components/proxies/ProxyNodeCard.vue
index 0b27e659..20dd497b 100644
--- a/src/components/proxies/ProxyNodeCard.vue
+++ b/src/components/proxies/ProxyNodeCard.vue
@@ -10,7 +10,7 @@
     "
     @contextmenu.stop.prevent="handlerLatencyTest"
   >
-    <div class="flex w-full flex-1 items-center gap-1">
+    <div class="flex w-full flex-1 items-start gap-1">
       <ProxyIcon
         v-if="node.icon"
         class="shrink-0"