Confirm modal style fixes
This commit is contained in:
parent
18c98fef32
commit
d6c4ec68ee
|
@ -207,7 +207,7 @@
|
|||
|
||||
.articleLinkIcon {
|
||||
display: inline-block;
|
||||
margin-right: 1em;
|
||||
margin: 0 1em;
|
||||
vertical-align: middle;
|
||||
width: 1em;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue
Block a user