12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- body.react-confirm-alert-body-element {
- overflow: hidden;
- }
- .react-confirm-alert-blur {
- filter: blur(2px);
- }
- .react-confirm-alert-overlay {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: 260;
- background: rgba(0, 0, 0, 0.4);
- display: flex;
- justify-content: center;
- align-items: center;
- opacity: 0;
- animation: react-confirm-alert-fadeIn 0.3s 0.2s forwards;
- }
- .react-confirm-alert-body {
- font-family: Arial, Helvetica, sans-serif;
- width: 400px;
- padding: 30px;
- text-align: left;
- background-color: var(--color-blueGrey);
- color: var(--font-color);
- border-radius: 5px;
- box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
- }
- .react-confirm-alert-svg {
- position: absolute;
- top: 0;
- left: 0;
- }
- .react-confirm-alert-body > h1 {
- margin-top: 0;
- }
- .react-confirm-alert-body > h3 {
- margin: 0;
- font-size: 16px;
- }
- .react-confirm-alert-button-group {
- display: flex;
- justify-content: flex-end;
- margin-top: 40px;
- }
- .react-confirm-alert-button-group > button {
- outline: none;
- background: #333;
- border: none;
- display: inline-block;
- padding: 6px 18px;
- color: var(--font-color);
- margin-right: 10px;
- border-radius: 2px;
- font-size: 16px;
- cursor: pointer;
- }
- @keyframes react-confirm-alert-fadeIn {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
- }
|