fix: proxy group title

Zephyruso · Dec 2, 2024 · 53471c9 · 53471c9
1 parent 9243df7
commit 53471c9
Showing 1 changed file with 27 additions and 26 deletions.
diff --git a/src/components/proxies/ProxyGroup.vue b/src/components/proxies/ProxyGroup.vue
@@ -1,36 +1,37 @@
 <template>
   <div class="collapse collapse-arrow bg-base-100 shadow-lg">
     <div class="collapse-title">
-      <div class="items-top flex gap-2">
-        <div class="flex flex-col gap-1 sm:flex-row">
-          <div class="flex items-center gap-1 text-lg font-medium sm:text-xl">
-            <img
-              v-if="proxyGroup.icon"
-              class="w-5"
-              :src="proxyGroup.icon"
-            />
-            {{ proxyGroup.name }}
+      <div class="flex items-center gap-2">
+        <div class="flex items-center gap-1 text-lg font-medium sm:text-xl">
+          <img
+            v-if="proxyGroup.icon"
+            class="w-5"
+            :src="proxyGroup.icon"
+          />
+          {{ proxyGroup.name }}
 
-            <span class="text-xs">:: {{ proxyGroup.type }}</span>
-          </div>
-          <div
-            class="flex items-center gap-2 text-xs sm:text-sm"
-            v-if="proxyGroup.now"
-          >
-            -> {{ proxyGroup.now }}
-          </div>
+          <span class="text-xs">:: {{ proxyGroup.type }}</span>
         </div>
-        <div class="flex-1" />
-        <div class="mt-1 flex gap-2">
-          <div class="text-sm">{{ prettyBytesHelper(downloadTotal) }}/s</div>
-          <LatencyTag
-            :class="twMerge('z-10', isLatencyTesting ? 'animate-pulse' : '')"
-            :name="proxyGroup.now"
-            @click.stop="handlerLatencyTest"
-          />
+        <div
+          class="flex hidden items-center gap-2 text-xs sm:flex sm:text-sm"
+          v-if="proxyGroup.now"
+        >
+          -> {{ proxyGroup.now }}
         </div>
+        <div class="flex-1"></div>
+        <div class="text-sm">{{ prettyBytesHelper(downloadTotal) }}/s</div>
+        <LatencyTag
+          :class="twMerge('z-10', isLatencyTesting ? 'animate-pulse' : '')"
+          :name="proxyGroup.now"
+          @click.stop="handlerLatencyTest"
+        />
+      </div>
+      <div
+        class="flex items-center gap-2 text-xs sm:hidden sm:text-sm"
+        v-if="proxyGroup.now"
+      >
+        -> {{ proxyGroup.now }}
       </div>
-
       <ProxyPreview
         v-if="!showCollapse"
         :nodes="sortedProxies"