Confirm modal style fixes

This commit is contained in:
kvakazyambra 2023-10-25 00:43:50 +03:00
parent 18c98fef32
commit d6c4ec68ee
4 changed files with 14 additions and 7 deletions

View File

@ -207,7 +207,7 @@
.articleLinkIcon {
display: inline-block;
margin-right: 1em;
margin: 0 1em;
vertical-align: middle;
width: 1em;
}

View File

@ -2,18 +2,21 @@
position: relative;
.confirmModalTitle {
@include font-size(2rem);
@include font-size(3.2rem);
font-weight: 700;
color: var(--default-color);
text-align: center;
@include media-breakpoint-up(sm) {
margin: 0 10%;
}
}
.confirmModalActions {
display: flex;
justify-content: space-between;
margin-top: 4rem;
gap: 2rem;
gap: 0.5rem;
.confirmAction {
flex: 1;

View File

@ -63,17 +63,21 @@
width: 100%;
@include media-breakpoint-up(sm) {
max-width: 460px;
max-width: 600px;
}
@include media-breakpoint-up(md) {
width: 50%;
width: 65%;
}
.close {
right: 1.6rem;
top: 1.6rem;
}
.modalInner {
padding: 3.8rem 2rem 2rem;
}
}
}

View File

@ -18,7 +18,7 @@
--secondary-color: #85878a;
--placeholder-color: #9fa1a7;
--placeholder-color-semi: rgba(159, 169, 167, 0.2);
--danger-color: #fc6847;
--danger-color: #d00820;
--lightgray-color: rgb(84 16 17 / 6%);
--font: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Open Sans',
'Helvetica Neue', sans-serif;