Improve the login form display in mobile devices
This commit is contained in:
parent
d0389fd411
commit
22bfb77044
2 changed files with 12 additions and 2 deletions
|
@ -143,7 +143,7 @@ ul.social-menu .social-link-mail:hover a {
|
|||
position: absolute;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 899px) {
|
||||
.navbar-default .navbar-nav > li:first-child {
|
||||
body.logged-in .navbar-default .navbar-nav > li:first-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -13,6 +13,7 @@ body.elfinder {
|
|||
*/
|
||||
#page-wrapper {
|
||||
background-color: #ebeae9;
|
||||
min-height: 800px;
|
||||
}
|
||||
#main {
|
||||
background: #fff;
|
||||
|
@ -64,10 +65,19 @@ body.not-logged-in[class*="page-user"] {
|
|||
}
|
||||
body.not-logged-in[class*="page-user"] #main {
|
||||
margin: 20px auto 0;
|
||||
max-width: 380px;
|
||||
max-width: 400px;
|
||||
padding: 20px;
|
||||
background: rgba(252, 255, 255, 0.85);
|
||||
}
|
||||
@media (max-width: 450px) {
|
||||
body.not-logged-in[class*="page-user"] #main {
|
||||
margin: 10px 10px 0;
|
||||
padding: 10px 0;
|
||||
}
|
||||
body.not-logged-in[class*="page-user"] #main-content div.tabs + .section {
|
||||
padding-top: 1em;
|
||||
}
|
||||
}
|
||||
body.not-logged-in[class*="page-user"] #main-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
|
Reference in a new issue