Fix popups design

This commit is contained in:
cyril lopez 2017-09-21 16:07:56 +02:00
parent 78a9b77086
commit 3d86aa732e
3 changed files with 23 additions and 9 deletions

View File

@ -10,11 +10,12 @@
top: 0;
width: 100%;
display: flex;
padding: 1rem 2.9rem 0 2.9rem;
padding: 1.6rem 2.9rem 0 2.9rem;
// padding: 2.8rem 2.9rem 0 2.9rem;
}
.modalBody {
padding: 2.2rem 1.4rem 0 1.4rem;
padding: 2.8rem 1.4rem 0 1.4rem;
}
.modalFooter {
@ -51,7 +52,7 @@
}
.modalPosition {
top: 16.8rem;
// top: 16.8rem;
> div {
border:none;
border-radius: 2px;

View File

@ -12,15 +12,16 @@
top: 0;
width: 100%;
display: flex;
padding: 1rem 2.9rem 0 2.9rem;
padding: 1.6rem 2.9rem 0 2.9rem;
}
.modalBody {
padding: 4.8rem 2.9rem 0 2.9rem;
padding: 5.4rem 2.9rem 0 2.9rem;
}
.modalBodyAdvanced {
padding: 2.2rem 1.4rem 0 1.4rem;
padding: 2.8rem 1.4rem 0 1.4rem;
margin-bottom: .3rem;
}
.flex {
@ -65,7 +66,7 @@
}
.modalPosition {
top: 16.8rem;
// top: 16.8rem;
> div {
border:none;
border-radius: 2px;

View File

@ -4,6 +4,7 @@
.header {
border: none!important;
position: relative;
> h4 {
width: 100%;
text-align: center;
@ -13,12 +14,23 @@
}
> button {
margin-top: -1.6rem;
margin-right: 0!important;
z-index: 999;
color: #C3C5C8;
opacity: 1;
font-size: 1.8rem;
font-weight: 100;
&:hover, &:focus {
color: #C3C5C8;
opacity: 1;
outline: 0;
}
}
}
.modalPosition {
top: 16.8rem;
// top: 16.8rem;
> div {
border:none;
border-radius: 2px;
@ -48,7 +60,7 @@
width: 100%;
padding: 0 .5rem;
display: flex;
margin-top: 3.5rem;
margin-top: 3rem;
justify-content: space-between;
> button {