Implement client connect form defaults
This commit is contained in:
parent
a9031eb532
commit
2ccca3a778
9 changed files with 127 additions and 57 deletions
|
@ -156,11 +156,11 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
|
|||
.connect {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.connect .navicon, .settings .navicon {
|
||||
|
@ -169,6 +169,12 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
|
|||
left: 0;
|
||||
}
|
||||
|
||||
.connect-form {
|
||||
margin: auto 0;
|
||||
padding-top: 20px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.connect-form h1 {
|
||||
margin-bottom: 15px;
|
||||
text-align: center;
|
||||
|
@ -177,17 +183,19 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
|
|||
.connect-form input {
|
||||
display: block;
|
||||
margin: 5px 0px;
|
||||
padding: 10px;
|
||||
padding: 15px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.connect-form input[type="submit"],
|
||||
.connect-form input[type="text"] {
|
||||
width: 200px;
|
||||
.connect-form input[type="text"],
|
||||
.connect-form input[type="password"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.connect-form input[type="submit"] {
|
||||
height: 50px;
|
||||
margin-bottom: 20px;
|
||||
font-family: Montserrat, sans-serif;
|
||||
background: #6BB758;
|
||||
color: #FFF;
|
||||
|
@ -569,4 +577,10 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
|
|||
.search {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.connect-form {
|
||||
width: 100%;
|
||||
margin: auto 50px;
|
||||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue