From 3e53ea7209c2e0843cc1ac632d3417f173b9dec7 Mon Sep 17 00:00:00 2001
From: wonfen <eiwonfen@gmail.com>
Date: Mon, 3 Mar 2025 14:47:05 +0800
Subject: [PATCH] Revert "refactor: improve proxy group UI and spacing (#2835)"

This reverts commit 520c33557eb37fcdc8ea89f3aeb5740e2deb0c7a.
---
 src/components/proxy/proxy-groups.tsx |  9 ++-------
 src/components/proxy/proxy-render.tsx | 14 +++++++-------
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/components/proxy/proxy-groups.tsx b/src/components/proxy/proxy-groups.tsx
index b0f78bbd..adec9da7 100644
--- a/src/components/proxy/proxy-groups.tsx
+++ b/src/components/proxy/proxy-groups.tsx
@@ -508,13 +508,8 @@ export const ProxyGroups = (props: Props) => {
         )}
       />
       <ScrollTopButton show={showScrollTop} onClick={scrollToTop} />
-      <AlphabetSelector
-        ref={alphabetSelectorRef}
-        style={{
-          maxHeight,
-          right: 10,
-        }}
-      >
+
+      <AlphabetSelector ref={alphabetSelectorRef} style={{ maxHeight }}>
         <div className="scroll-container">
           <div ref={letterContainerRef} className="letter-container">
             {groupFirstLetters.map((name) => (
diff --git a/src/components/proxy/proxy-render.tsx b/src/components/proxy/proxy-render.tsx
index 57190129..7a18b01d 100644
--- a/src/components/proxy/proxy-render.tsx
+++ b/src/components/proxy/proxy-render.tsx
@@ -66,8 +66,8 @@ export const ProxyRender = (props: RenderProps) => {
         style={{
           background: itembackgroundcolor,
           height: "100%",
-          margin: "10px 16px",
-          borderRadius: "10px",
+          margin: "8px 8px",
+          borderRadius: "8px",
         }}
         onClick={() => onHeadState(group.name, { open: !headState?.open })}
       >
@@ -131,7 +131,7 @@ export const ProxyRender = (props: RenderProps) => {
   if (type === 1) {
     return (
       <ProxyHead
-        sx={{ pl: 3, pr: 3.5, mt: indent ? 1 : 0.5, mb: 1 }}
+        sx={{ pl: 2, pr: 3, mt: indent ? 1 : 0.5, mb: 1 }}
         url={group.testUrl}
         groupName={group.name}
         headState={headState!}
@@ -191,10 +191,10 @@ export const ProxyRender = (props: RenderProps) => {
         sx={{
           height: 56,
           display: "grid",
-          gap: 1.5,
-          pl: 3,
-          pr: 3.5,
-          pb: 1.25,
+          gap: 1,
+          pl: 2,
+          pr: 2,
+          pb: 1,
           gridTemplateColumns: `repeat(${item.col! || 2}, 1fr)`,
         }}
       >