fix style

src/renderer/src/components/base/collapse-input.tsx

@@ -18,8 +18,7 @@ const CollapseInput: React.FC<CollapseInputProps> = (props) => {
         style={{ paddingInlineEnd: 0 }}
         classNames={{
           inputWrapper: 'cursor-pointer bg-transparent p-0 data-[hover=true]:bg-content2',
-          input: 'w-0 focus:w-[150px] transition-all duration-200',
+          input: 'w-0 focus:w-[150px] focus:ml-2 transition-all duration-200'
-          innerWrapper: 'cursor-pointer p-0'
         }}
         endContent={
           <div

src/renderer/src/pages/dns.tsx

@@ -34,8 +34,8 @@ const DNS: React.FC = () => {
       'https://dns.alidns.com/dns-query'
     ]
   } = dns || {}
-
+  const [changed, setChanged] = useState(false)
-  const [values, setValues] = useState({
+  const [values, originSetValues] = useState({
     ipv6,
     useHosts,
     enhancedMode,
@@ -53,6 +53,11 @@ const DNS: React.FC = () => {
     hosts: Object.entries(hosts || {}).map(([domain, value]) => ({ domain, value }))
   })
 
+  const setValues = (v: typeof values): void => {
+    originSetValues(v)
+    setChanged(true)
+  }
+
   const handleListChange = (type: string, value: string, index: number): void => {
     const list = [...values[type]]
     if (value.trim()) {
@@ -112,14 +117,20 @@ const DNS: React.FC = () => {
       ),
       useNameserverPolicy: values.useNameserverPolicy
     })
+    try {
+      setChanged(false)
       await patchControledMihomoConfig(patch)
       await restartCore()
+    } catch (e) {
+      alert(e)
+    }
   }
 
   return (
     <BasePage
       title="DNS 设置"
       header={
+        changed && (
           <Button
             size="sm"
             className="app-nodrag"
@@ -154,6 +165,7 @@ const DNS: React.FC = () => {
           >
             保存
           </Button>
+        )
       }
     >
       <SettingCard>

src/renderer/src/pages/sniffer.tsx

@@ -22,8 +22,8 @@ const Sniffer: React.FC = () => {
     'skip-domain': skipDomain = ['+.push.apple.com'],
     'force-domain': forceDomain = []
   } = sniffer || {}
-
+  const [changed, setChanged] = useState(false)
-  const [values, setValues] = useState({
+  const [values, originSetValues] = useState({
     parsePureIP,
     forceDNSMapping,
     overrideDestination,
@@ -31,10 +31,19 @@ const Sniffer: React.FC = () => {
     skipDomain,
     forceDomain
   })
+  const setValues = (v: typeof values): void => {
+    originSetValues(v)
+    setChanged(true)
+  }
 
   const onSave = async (patch: Partial<IMihomoConfig>): Promise<void> => {
+    try {
+      setChanged(false)
       await patchControledMihomoConfig(patch)
       await restartCore()
+    } catch (e) {
+      alert(e)
+    }
   }
 
   const handleSniffPortChange = (protocol: keyof typeof sniff, value: string): void => {
@@ -69,6 +78,7 @@ const Sniffer: React.FC = () => {
     <BasePage
       title="域名嗅探设置"
       header={
+        changed && (
           <Button
             size="sm"
             className="app-nodrag"
@@ -88,6 +98,7 @@ const Sniffer: React.FC = () => {
           >
             保存
           </Button>
+        )
       }
     >
       <SettingCard>