From 0a969e9e38a1655323e23971c897764aa3914111 Mon Sep 17 00:00:00 2001
From: ezequielnick <107352853+ezequielnick@users.noreply.github.com>
Date: Mon, 4 Aug 2025 23:04:06 +0800
Subject: [PATCH] fix: incompatible CSS style

---
 .../src/components/connections/connection-item.tsx        | 8 ++++----
 src/renderer/src/components/proxies/proxy-item.tsx        | 2 +-
 src/renderer/src/pages/profiles.tsx                       | 4 ++--
 src/renderer/src/pages/proxies.tsx                        | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/renderer/src/components/connections/connection-item.tsx b/src/renderer/src/components/connections/connection-item.tsx
index b58628e..5b37994 100644
--- a/src/renderer/src/components/connections/connection-item.tsx
+++ b/src/renderer/src/components/connections/connection-item.tsx
@@ -39,7 +39,7 @@ const ConnectionItem: React.FC<Props> = (props) => {
                 <Chip
                   color={`${info.isActive ? 'primary' : 'danger'}`}
                   size="sm"
-                  radius="xs"
+                  radius="sm"
                   variant="dot"
                 >
                   {info.metadata.type}({info.metadata.network.toUpperCase()})
@@ -65,16 +65,16 @@ const ConnectionItem: React.FC<Props> = (props) => {
                 <Chip
                   className="flag-emoji text-ellipsis whitespace-nowrap overflow-hidden"
                   size="sm"
-                  radius="xs"
+                  radius="sm"
                   variant="bordered"
                 >
                   {info.chains[0]}
                 </Chip>
-                <Chip size="sm" radius="xs" variant="bordered">
+                <Chip size="sm" radius="sm" variant="bordered">
                   ↑ {calcTraffic(info.upload)} ↓ {calcTraffic(info.download)}
                 </Chip>
                 {info.uploadSpeed !== 0 || info.downloadSpeed !== 0 ? (
-                  <Chip color="primary" size="sm" radius="xs" variant="bordered">
+                  <Chip color="primary" size="sm" radius="sm" variant="bordered">
                     ↑ {calcTraffic(info.uploadSpeed || 0)}/s ↓ {calcTraffic(info.downloadSpeed || 0)}
                     /s
                   </Chip>
diff --git a/src/renderer/src/components/proxies/proxy-item.tsx b/src/renderer/src/components/proxies/proxy-item.tsx
index c04384b..5ff4bb2 100644
--- a/src/renderer/src/components/proxies/proxy-item.tsx
+++ b/src/renderer/src/components/proxies/proxy-item.tsx
@@ -68,7 +68,7 @@ const ProxyItem: React.FC<Props> = (props) => {
             ? 'bg-primary/30 border-r-2 border-r-primary border-l-2 border-l-primary' 
             : 'bg-content2'
       }`}
-      radius="xs"
+      radius="sm"
     >
     <CardBody className="p-1">
       {proxyDisplayMode === 'full' ? (
diff --git a/src/renderer/src/pages/profiles.tsx b/src/renderer/src/pages/profiles.tsx
index f30fe6e..65a659e 100644
--- a/src/renderer/src/pages/profiles.tsx
+++ b/src/renderer/src/pages/profiles.tsx
@@ -85,7 +85,7 @@ const Profiles: React.FC = () => {
               <div>
                 {sub.tag?.map((tag) => {
                   return (
-                    <Chip key={tag} size="sm" className="ml-1" radius="xs">
+                    <Chip key={tag} size="sm" className="ml-1" radius="sm">
                       {tag}
                     </Chip>
                   )
@@ -108,7 +108,7 @@ const Profiles: React.FC = () => {
               <div>
                 {sub.tag?.map((tag) => {
                   return (
-                    <Chip key={tag} size="sm" className="ml-1" radius="xs">
+                    <Chip key={tag} size="sm" className="ml-1" radius="sm">
                       {tag}
                     </Chip>
                   )
diff --git a/src/renderer/src/pages/proxies.tsx b/src/renderer/src/pages/proxies.tsx
index db7b3d5..27c934c 100644
--- a/src/renderer/src/pages/proxies.tsx
+++ b/src/renderer/src/pages/proxies.tsx
@@ -324,7 +324,7 @@ const Proxies: React.FC = () => {
                             <Avatar
                               className="bg-transparent mr-2"
                               size="sm"
-                              radius="xs"
+                              radius="sm"
                               src={
                                 groups[index].icon.startsWith('<svg')
                                   ? `data:image/svg+xml;utf8,${groups[index].icon}`