Fix sign up modal

This commit is contained in:
Toby Zerner
2015-07-23 14:30:55 +09:30
parent b699bbadbc
commit 497b65289e
4 changed files with 39 additions and 34 deletions

View File

@ -1,44 +1,48 @@
.signup-welcome {
.SignUpModal-welcome {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: @border-radius;
padding: 50px 30px;
text-align: center;
color: #fff;
font-size: 14px;
.light-contents();
& .avatar {
.Avatar {
.Avatar--size(96px);
border: 4px solid @body-bg;
.box-shadow(0 2px 6px @shadow-color);
}
& h3, & p {
h3, p {
margin-bottom: 25px;
}
& .btn-default {
.Button {
font-size: 15px;
height: 50px;
padding: 15px 20px;
}
& .container {
.darkenBackground {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.container {
width: auto !important;
padding: 0 !important;
padding: 50px 30px !important;
position: relative;
}
}
.signup-modal-success {
& .close {
color: #fff;
}
.SignUpModal--success .Modal-close .Button {
color: #fff;
}
@media @phone {
.signup-welcome {
.SignUpModal-welcome .container {
padding-top: 56px + 60px;
}
}