From f79c2bfdff3d4ee39053e23c58e64a97228690c1 Mon Sep 17 00:00:00 2001
From: Slinetrac <realakayuki@gmail.com>
Date: Fri, 24 Oct 2025 21:57:01 +0800
Subject: [PATCH] fix(proxy-groups): restrict reduced-height viewport to
 chain-mode column

---
 src/components/proxy/proxy-groups.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/proxy/proxy-groups.tsx b/src/components/proxy/proxy-groups.tsx
index 7bf2697a..7845f1b9 100644
--- a/src/components/proxy/proxy-groups.tsx
+++ b/src/components/proxy/proxy-groups.tsx
@@ -381,16 +381,16 @@ export const ProxyGroups = (props: Props) => {
     return Array.from(new Set(names));
   }, [renderList]);
 
-  const virtuosoHeight =
-    mode === "rule" && proxyGroupNames.length > 0
-      ? "calc(100% - 80px)"
-      : "calc(100% - 14px)";
-
   if (mode === "direct") {
     return <BaseEmpty text={t("clash_mode_direct")} />;
   }
 
   if (isChainMode) {
+    const chainVirtuosoHeight =
+      mode === "rule" && proxyGroupNames.length > 0
+        ? "calc(100% - 80px)"
+        : "calc(100% - 14px)";
+
     // 获取所有代理组
     const proxyGroups = proxiesData?.groups || [];
 
@@ -469,7 +469,7 @@ export const ProxyGroups = (props: Props) => {
             <Virtuoso
               ref={virtuosoRef}
               style={{
-                height: virtuosoHeight,
+                height: chainVirtuosoHeight,
               }}
               totalCount={renderList.length}
               increaseViewportBy={{ top: 200, bottom: 200 }}
@@ -609,7 +609,7 @@ export const ProxyGroups = (props: Props) => {
 
       <Virtuoso
         ref={virtuosoRef}
-        style={{ height: virtuosoHeight }}
+        style={{ height: "calc(100% - 14px)" }}
         totalCount={renderList.length}
         increaseViewportBy={{ top: 200, bottom: 200 }}
         overscan={150}