From 0ef552d38463f4d950ea61f9509820ec1744072f Mon Sep 17 00:00:00 2001
From: Ahao <108321411+xuanyuan0408@users.noreply.github.com>
Date: Wed, 21 May 2025 10:31:13 +0800
Subject: [PATCH] optimize the icon of API controller

---
 src/components/setting/setting-clash.tsx | 27 +++++++++++-------------
 1 file changed, 12 insertions(+), 15 deletions(-)

diff --git a/src/components/setting/setting-clash.tsx b/src/components/setting/setting-clash.tsx
index 4e3b2b2d..0fd7524f 100644
--- a/src/components/setting/setting-clash.tsx
+++ b/src/components/setting/setting-clash.tsx
@@ -11,7 +11,6 @@ import {
   LanRounded,
   SettingsRounded
 } from "@mui/icons-material";
-import ErrorOutlineRounded from '@mui/icons-material/ErrorOutlineRounded';
 import { MenuItem, Select, TextField, Typography } from "@mui/material";
 import { invoke } from "@tauri-apps/api/core";
 import { useLockFn } from "ahooks";
@@ -220,20 +219,18 @@ const SettingClash = ({ onError }: Props) => {
         />
       </SettingItem>
 
-     <SettingItem
-      onClick={() => ctrlRef.current?.open()}
-      label={
-        <>
-          {t("External")}
-          <TooltipIcon
-            title={t("Enable one-click random API port and key. Click to randomize the port and key")}
-            color={"error"}
-            icon={ErrorOutlineRounded}
-            sx={{ fontSize: "0.875em", ml: 0.5 }}
-          />
-        </>
-      }
-    />
+      <SettingItem
+        onClick={() => ctrlRef.current?.open()}
+        label={
+          <>
+            {t("External")}
+            <TooltipIcon
+              title={t("Enable one-click random API port and key. Click to randomize the port and key")}
+              sx={{ opacity: "0.7" }}
+            />
+          </>
+        }
+      />
 
       <SettingItem onClick={() => webRef.current?.open()} label={t("Web UI")} />