diff --git a/admin-frontend/src/features/cookieManager/CookieManager.css b/admin-frontend/src/features/cookieManager/CookieManager.css new file mode 100644 index 0000000..584e7fa --- /dev/null +++ b/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); +} diff --git a/admin-frontend/src/features/cookieManager/CookieManager.tsx b/admin-frontend/src/features/cookieManager/CookieManager.tsx index 83014b9..9866cc9 100644 --- a/admin-frontend/src/features/cookieManager/CookieManager.tsx +++ b/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() { -
+
- + + + - - + + +
diff --git a/admin-frontend/src/pages/Home.tsx b/admin-frontend/src/pages/Home.tsx index 5424ae4..88f07c0 100644 --- a/admin-frontend/src/pages/Home.tsx +++ b/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() { - + Cookie 管理 @@ -116,25 +117,28 @@ export default function Home() { > { handleTabSelect(key); }} + onClickMenuItem={(key) => { + handleTabSelect(key); + }} > 订阅管理 + + + Cookie 管理 + 调度权重 - - - Cookie 管理 - + - { breadcrumbContent } + {breadcrumbContent}