dialog {
background: rgba(0, 0, 0, 0.4);
border: 0;
height: 100vh;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 2;
&[open] {
display: flex;
}
.content {
background: #fff;
border: 0;
border-radius: 1rem;
box-shadow: #333 0 0 0.25rem;
height: fit-content;
padding: 1rem;
position: fixed;
top: 10vh;
width: fit-content;
}
}
|