mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-11 02:13:48 +00:00
Carlos Valente
e1e8410ba4
migrate pin page migrate copy tag migrate pin input migrate dropdown menus migrate radio buttons migrate switch migrate select migrate textarea migrate colour picker migrate select migrate context menu migrate viewparams remove chakra
56 lines
885 B
SCSS
56 lines
885 B
SCSS
.dialog {
|
|
position: fixed;
|
|
top: 10%;
|
|
left: 50%;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
padding-inline: 1rem;
|
|
min-width: min(420px, 90vw);
|
|
|
|
background-color: $gray-1250;
|
|
color: $ui-white;
|
|
border-radius: 3px;
|
|
box-shadow: $box-shadow-l1;
|
|
border: 1px solid $gray-1100;
|
|
}
|
|
|
|
.backdrop {
|
|
position: fixed;
|
|
inset: 0;
|
|
background-color: $backdrop-color;
|
|
transition: opacity 300ms cubic-bezier(0.45, 1.005, 0, 1.005);
|
|
|
|
&[data-starting-style],
|
|
&[data-ending-style] {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.title {
|
|
font-size: 1rem;
|
|
font-weight: 600;
|
|
padding-block: 1rem;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
|
|
max-height: min(80vh, 600px);
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.footer {
|
|
padding-block: 1rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: end;
|
|
gap: 1rem;
|
|
}
|