Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add media queries for better responsive UI on mobile devices

Browse source 
This is for modern browsers only
This commit is contained in:
Legend Tang 2015-02-28 23:08:26 +08:00
parent 293d964ae2
commit d6b0448339
1 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css
View file

@ -1,3 +1,21 @@
header h3 a, header .brand {
display:none !important;
}
@media screen and (max-device-width: 600px) {
#maincontent.container {
margin-top: 30px;
}
}
@media screen and (max-device-width: 360px) {
#maincontent.container {
margin-top: 60px;
}
}
@media screen and (max-device-width: 200px) {
#maincontent.container {
margin-top: 230px;
}
}