fix popup ui

src/entrypoints/options/main.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
-import { createRoot } from 'react-dom/client';
+import {createRoot} from 'react-dom/client';
 import App from './App';
+import '@/styles/global.css'
 import './style.css';
 
 const root = createRoot(document.getElementById('app')!);
-root.render(<App />); 
+root.render(<App/>);

src/entrypoints/popup/App.css

@@ -42,8 +42,8 @@
 }
 
 .popup-container {
-  width: 320px;
-  min-height: 400px;
+  /*width: 320px;*/
+  /*min-height: 400px;*/
   display: flex;
   flex-direction: column;
   padding: 0;
@@ -52,7 +52,7 @@
 }
 
 .popup-header {
-  background-color: #F28B44;
+  background-color: var(--yakit-primary);
   color: white;
   padding: 12px 16px;
   text-align: center;

src/entrypoints/popup/App.tsx

@@ -1,25 +1,26 @@
 import React from 'react';
-import { ConfigProvider } from 'antd';
-import { ProxySwitch } from '../../components/ProxySwitch';
+import {ConfigProvider} from 'antd';
+import {ProxySwitch} from '@/components/ProxySwitch';
+import '@/styles/global.css'
 import './App.css';
 
 export default function App() {
-  return (
-    <ConfigProvider
-      theme={{
-        token: {
-          colorPrimary: "#F28B44",
-        },
-      }}
-    >
-      <div className="popup-container">
-        <header className="popup-header">
-          <h1>Yaklang 代理管理</h1>
-        </header>
-        <main className="popup-content">
-          <ProxySwitch />
-        </main>
-      </div>
-    </ConfigProvider>
-  );
+    return (
+        <ConfigProvider
+            theme={{
+                token: {
+                    colorPrimary: "#F28B44",
+                },
+            }}
+        >
+            <div className="popup-container">
+                <header className="popup-header">
+                    <h1>Yaklang 代理管理</h1>
+                </header>
+                <main className="popup-content">
+                    <ProxySwitch/>
+                </main>
+            </div>
+        </ConfigProvider>
+    );
 }

src/entrypoints/popup/style.css

@@ -27,8 +27,6 @@ body {
   margin: 0;
   display: flex;
   place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
 }
 
 h1 {