43 lines
1007 B
SCSS
43 lines
1007 B
SCSS
|
.confirmation-overlay {
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
background: var(--background-color-secondary);
|
||
|
|
backdrop-filter: blur(2px);
|
||
|
|
|
||
|
|
.confirmation-modal {
|
||
|
|
min-width: 35%;
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
z-index: 5;
|
||
|
|
background-color: var(--background-color);
|
||
|
|
padding: 14px 12px;
|
||
|
|
border-radius: 6px;
|
||
|
|
|
||
|
|
.buttton-wrapper {
|
||
|
|
padding-top: 12px;
|
||
|
|
display: flex;
|
||
|
|
justify-content: end;
|
||
|
|
align-items: end;
|
||
|
|
gap: 12px;
|
||
|
|
|
||
|
|
.confirmation-button {
|
||
|
|
padding: 6px 10px;
|
||
|
|
border-radius: 6px;
|
||
|
|
cursor: pointer;
|
||
|
|
|
||
|
|
&:first-child {
|
||
|
|
color: var(--accent-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
&:last-child {
|
||
|
|
background-color: #ffe3e0;
|
||
|
|
color: #f65648;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|