GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-02 04:40:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: center align the dashboard delete modal (#4429)

Browse Source
This commit is contained in:
Vikrant Gupta 2024-01-25 01:05:47 +05:30 committed by GitHub
parent fce7ab7d24
commit 253137a6b8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/container/ListOfDashboard/TableComponents/DeleteButton.styles.scss Normal file
View File

@ -0,0 +1,5 @@
.delete-modal {
.ant-modal-confirm-body {
align-items: center;
}
}

3
frontend/src/container/ListOfDashboard/TableComponents/DeleteButton.tsx
View File

@ -1,3 +1,5 @@
import './DeleteButton.styles.scss';
import { DeleteOutlined, ExclamationCircleOutlined } from '@ant-design/icons'; import { DeleteOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
import { Modal, Tooltip, Typography } from 'antd'; import { Modal, Tooltip, Typography } from 'antd';
import { REACT_QUERY_KEY } from 'constants/reactQueryKeys'; import { REACT_QUERY_KEY } from 'constants/reactQueryKeys';
@ -64,6 +66,7 @@ function DeleteButton({
okText: 'Delete', okText: 'Delete',
okButtonProps: { danger: true }, okButtonProps: { danger: true },
centered: true, centered: true,
className: 'delete-modal',
}); });
}, [modal, name, deleteDashboardMutation, notifications, t, queryClient]); }, [modal, name, deleteDashboardMutation, notifications, t, queryClient]);