From 8c1caf8555beaba8b3b9e514f7d8fc60a6368219 Mon Sep 17 00:00:00 2001
From: DengHanjie <87105391+floatDreamWithSong@users.noreply.github.com>
Date: Sat, 29 Nov 2025 11:08:58 +0800
Subject: [PATCH] feat: imporve the layout of proxies page (#5647)

* feat: imporve the layout of proxies page to avoid navigator overlapping items (issue #5556)

* feat(proxy): remove left padding
---
 src/components/proxy/proxy-groups.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/proxy/proxy-groups.tsx b/src/components/proxy/proxy-groups.tsx
index ab4814262..cc5aef49e 100644
--- a/src/components/proxy/proxy-groups.tsx
+++ b/src/components/proxy/proxy-groups.tsx
@@ -597,15 +597,17 @@ export const ProxyGroups = (props: Props) => {
         initialScrollTop={scrollPositionRef.current[mode]}
         computeItemKey={(index) => renderList[index].key}
         itemContent={(index) => (
-          <ProxyRender
-            key={renderList[index].key}
-            item={renderList[index]}
-            indent={mode === "rule" || mode === "script"}
-            onLocation={handleLocation}
-            onCheckAll={handleCheckAll}
-            onHeadState={onHeadState}
-            onChangeProxy={handleChangeProxy}
-          />
+          <div style={{ paddingRight: 14 }}>
+            <ProxyRender
+              key={renderList[index].key}
+              item={renderList[index]}
+              indent={mode === "rule" || mode === "script"}
+              onLocation={handleLocation}
+              onCheckAll={handleCheckAll}
+              onHeadState={onHeadState}
+              onChangeProxy={handleChangeProxy}
+            />
+          </div>
         )}
       />
       <ScrollTopButton show={showScrollTop} onClick={scrollToTop} />