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() { -