✨ 听劝，修改部分样式 XD

admin-frontend/src/features/cookieManager/CookieManager.css

@@ -0,0 +1,13 @@
+.list-actions-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  transition: all 0.1s;
+}
+
+.list-actions-icon:hover {
+  background-color: var(--color-fill-3);
+}

admin-frontend/src/features/cookieManager/CookieManager.tsx

@@ -4,11 +4,13 @@ import {
   Card, Descriptions, Grid, List, Popconfirm, Popover, Typography,
 } from '@arco-design/web-react';
 import { Link } from 'react-router-dom';
+import { IconDelete, IconEdit } from '@arco-design/web-react/icon';
 import { selectSiteConf } from '../globalConf/globalConfSlice';
 import { useAppSelector } from '../../app/hooks';
 import { Cookie, SiteConfig } from '../../utils/type';
 import { useGetCookiesQuery, useDeleteCookieMutation } from './cookieConfigSlice';
 import CookieModal from './CookieModal';
+import './CookieManager.css';
 
 interface CookieSite {
   site: SiteConfig;
@@ -82,22 +84,20 @@ export default function CookieManager() {
 
                       </Popover>
 
-                      <div>
+                      <div style={{ display: 'flex' }}>
 
                         <Link to={`/home/cookie/${cookie.id}`}>
-                          <Button
-                            type="primary"
-                            style={{ marginRight: '10px' }}
-                          >
-                            关联详情
-                          </Button>
+                          <span className="list-actions-icon">
+                            <IconEdit />
+                          </span>
                         </Link>
                         <Popconfirm
                           title={`确定删除 Cookie ${cookie.friendly_name} ？`}
                           onOk={handleDelCookie(cookie.id.toString())}
                         >
-
-                          <Button type="primary" status="danger">删除</Button>
+                          <span className="list-actions-icon">
+                            <IconDelete />
+                          </span>
                         </Popconfirm>
                       </div>
 

admin-frontend/src/pages/Home.tsx

@@ -1,8 +1,9 @@
 import React, { ReactNode, useEffect, useState } from 'react';
 import { Breadcrumb, Layout, Menu } from '@arco-design/web-react';
-import { IconRobot, IconDashboard, IconUser } from '@arco-design/web-react/icon';
+import {
+  IconRobot, IconDashboard, IconIdcard,
+} from '@arco-design/web-react/icon';
 import './Home.css';
-// import SubscribeManager from '../features/subsribeConfigManager/SubscribeManager';
 import {
   Link, Navigate, Outlet, useLocation, useNavigate,
 } from 'react-router-dom';
@@ -95,7 +96,7 @@ export default function Home() {
       <Breadcrumb style={{ margin: '16px 0' }}>
         <Breadcrumb.Item>
           <Link to="/home/cookie">
-            <IconUser />
+            <IconIdcard />
             Cookie 管理
           </Link>
         </Breadcrumb.Item>
@@ -116,25 +117,28 @@ export default function Home() {
         >
           <Menu
             defaultSelectedKeys={[selectedTab]}
-            onClickMenuItem={(key) => { handleTabSelect(key); }}
+            onClickMenuItem={(key) => {
+              handleTabSelect(key);
+            }}
           >
             <Menu.Item key="groups">
               <IconRobot />
               订阅管理
             </Menu.Item>
+            <Menu.Item key="cookie">
+              <IconIdcard />
+              Cookie 管理
+            </Menu.Item>
             <Menu.Item key="weight">
               <IconDashboard />
               调度权重
             </Menu.Item>
-            <Menu.Item key="cookie">
-              <IconUser />
-              Cookie 管理
-            </Menu.Item>
+
           </Menu>
         </Layout.Sider>
         <Layout.Content style={{ padding: '0 1em' }}>
           <Layout style={{ height: '100%' }}>
-            { breadcrumbContent }
+            {breadcrumbContent}
             <Layout.Content style={{ margin: '0.5em', padding: '2em' }}>
               <Outlet />
             </Layout.Content>