听劝,修改部分样式 XD

This commit is contained in:
2024-09-22 19:48:40 +08:00
parent 0083f0311a
commit cc31ef88ef
3 changed files with 35 additions and 18 deletions
@@ -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);
}
@@ -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>