1
0
mirror of https://github.com/kremalicious/umami.git synced 2024-12-24 18:26:20 +01:00
umami/components/common/Modal.module.css

47 lines
646 B
CSS
Raw Normal View History

2020-08-07 11:27:12 +02:00
.modal {
2020-09-13 10:26:54 +02:00
position: fixed;
2020-08-07 11:27:12 +02:00
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
2020-08-10 00:13:38 +02:00
z-index: 2;
2020-08-07 11:27:12 +02:00
}
.modal:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
2020-09-20 10:33:39 +02:00
background: #000;
opacity: 0.5;
2020-08-07 11:27:12 +02:00
}
.content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--gray50);
2020-09-08 04:48:40 +02:00
min-width: 400px;
2020-08-07 11:27:12 +02:00
min-height: 100px;
2020-09-13 10:26:54 +02:00
max-width: 100vw;
2020-08-07 11:27:12 +02:00
z-index: 1;
border: 1px solid var(--gray300);
padding: 30px;
border-radius: 4px;
}
.header {
font-weight: 600;
margin-bottom: 20px;
}
.body {
display: flex;
flex-direction: column;
}