fix: proxy group grid style

Zephyruso · Feb 25, 2025 · fe277bb · fe277bb
1 parent cde403e
commit fe277bb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/src/components/proxies/ProxyGroupForMobile.vue b/src/components/proxies/ProxyGroupForMobile.vue
@@ -17,7 +17,6 @@
       ]"
       :style="[
         modalMode && {
-          'max-height': '50dvh',
           width: 'calc(100vw - 1rem)',
         },
         activeMode && {
@@ -78,7 +77,7 @@
 
       <div
         v-if="modalMode"
-        class="grid flex-1 grid-cols-2 gap-2 overflow-y-auto overflow-x-hidden p-2"
+        class="grid max-h-[40dvh] flex-1 grid-cols-2 gap-2 overflow-y-auto overflow-x-hidden p-2"
       >
         <ProxyNodeCard
           v-for="node in diplayAllContent ? renderProxies : renderProxies.slice(0, 16)"
@@ -87,7 +86,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
@@ -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"