forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-04-20 05:26:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added proper blurred background for modals

Browse Source
This commit is contained in:
Alejandro Celaya
2021-02-20 13:22:45 +01:00
committed by Alejandro Celaya
parent e7466ced18
commit f97ef8df83
20 changed files with 79 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/servers/DeleteServerModal.tsx
View File

@@ -1,5 +1,6 @@
import { Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';
import { ModalBody, ModalFooter, ModalHeader } from 'reactstrap';
import { RouterProps } from 'react-router';
import { BlurredModal } from '../utils/BlurredModal';
import { ServerWithId } from './data';
export interface DeleteServerModalProps {
@@ -20,7 +21,7 @@ const DeleteServerModal = ({ server, toggle, isOpen, deleteServer, history }: De
};
return (
<Modal isOpen={isOpen} toggle={toggle} centered>
<BlurredModal isOpen={isOpen} toggle={toggle} centered>
<ModalHeader toggle={toggle}><span className="text-danger">Remove server</span></ModalHeader>
<ModalBody>
<p>Are you sure you want to remove <b>{server ? server.name : ''}</b>?</p>
@@ -35,7 +36,7 @@ const DeleteServerModal = ({ server, toggle, isOpen, deleteServer, history }: De
<button className="btn btn-link" onClick={toggle}>Cancel</button>
<button className="btn btn-danger" onClick={() => closeModal()}>Delete</button>
</ModalFooter>
</Modal>
</BlurredModal>
);
};