add: support compact mode for mobile web, auto adapt to small screen/window

This commit is contained in:
Liming Xie 2015-12-17 14:23:35 +08:00
parent 0954cff5b4
commit 354eff9f7b
23 changed files with 436 additions and 131 deletions

View file

@ -55,3 +55,35 @@
.select-lang
width: 275px
font-size: 1.0em
@media screen and (max-width: 800px)
.auth-layout
width: 100%
height: 100%
margin: 0px
padding: 0px
.at-form-landing-logo
margin-top: 20px
margin-bottom: 20px
.at-form
width: calc(100% - 50px)
height: calc(100% - 162px)
margin: 0px
padding: 25px
button
width: 100%
.at-form-lang
width: 100%
margin: 0px
padding: 0px
.select-lang
width: 200px
font-size: 1.2em
position: absolute
left: calc((100% - 200px)/2)
bottom: 25px