53 lines
732 B
SCSS
53 lines
732 B
SCSS
//
|
|
//:modal {
|
|
// background-color: beige;
|
|
// border: 2px solid burlywood;
|
|
// border-radius: 5px;
|
|
//}
|
|
|
|
html {
|
|
//scrollbar-gutter: stable;
|
|
}
|
|
|
|
body:has(dialog[open]) {
|
|
overflow: hidden;
|
|
}
|
|
|
|
dialog {
|
|
margin: 2vh auto;
|
|
background-color: #fff;
|
|
padding: 34px;
|
|
border: none;
|
|
border-radius: 5px;
|
|
overflow: auto;
|
|
max-height: 96vh;
|
|
//position: relative;
|
|
z-index: 2;
|
|
.close {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 0px;
|
|
}
|
|
|
|
.dialog-body {
|
|
width: fit-content;
|
|
}
|
|
}
|
|
|
|
|
|
dialog::backdrop {
|
|
|
|
backdrop-filter: blur(3px);
|
|
}
|
|
|
|
.dialog-header {
|
|
margin-bottom: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
position: sticky;
|
|
top: -34px;
|
|
z-index: 999;
|
|
background: #fff;
|
|
padding: 10px 0;
|
|
} |