From 4b5b0787e69b503e5243b1888b8c813a04a0e350 Mon Sep 17 00:00:00 2001
From: pompurin404 <pompurin404@mihomo.party>
Date: Sat, 3 Aug 2024 20:33:00 +0800
Subject: [PATCH] group style

---
 src/renderer/src/pages/proxies.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/renderer/src/pages/proxies.tsx b/src/renderer/src/pages/proxies.tsx
index 1d01e6b..9fdf37e 100644
--- a/src/renderer/src/pages/proxies.tsx
+++ b/src/renderer/src/pages/proxies.tsx
@@ -78,10 +78,19 @@ const Proxies: React.FC = () => {
         {groups.map((group) => {
           return (
             <AccordionItem
+              textValue={group.name}
               key={group.name}
               title={
                 <div className="flex justify-between">
-                  <div>{group.name}</div>
+                  <div className="">
+                    <div className="inline">{group.name}</div>
+                    {proxyDisplayMode === 'full' && (
+                      <>
+                        <div className="inline ml-2 text-sm text-default-500">{group.type}</div>
+                        <div className="inline ml-2 text-sm text-default-500">{group.now}</div>
+                      </>
+                    )}
+                  </div>
                   <Button
                     variant="light"
                     size="sm"
@@ -94,15 +103,6 @@ const Proxies: React.FC = () => {
                   </Button>
                 </div>
               }
-              subtitle={
-                proxyDisplayMode === 'full' && (
-                  <div>
-                    {group.type}
-                    &nbsp;
-                    {group.now}
-                  </div>
-                )
-              }
               classNames={{ title: 'select-none', base: 'px-2', content: 'pt-2', trigger: 'py-2' }}
               startContent={
                 group.icon.length > 0 ? (