OpenWrt/coolsnowwolf-luci
1
0
Fork 0
mirror of https://github.com/coolsnowwolf/luci synced 2025-01-08 11:27:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

Optimize the mobile interface

Browse Source
This commit is contained in:
coolsnowwolf 2019-04-21 02:11:30 +08:00
parent 17b09e187c
commit a1038c3cc4
1 changed files with 138 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

139
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css
View File

@ -18,4 +18,141 @@ header h3 a, header .brand {
#maincontent.container {
margin-top: 230px;
}
}
}
@media screen and (max-width: 600px) {
body {
padding: 0 !important;
}
* {
font-size: 12px;
}
#maincontent {
width: 100% !important;
}
table {
margin: 0 !important;
}
.cbi-page-actions {
display: flex;
padding: 0 !important;
}
.cbi-page-actions input {
width: auto !important;
flex: 1;
background: #049cdb !important;
border-radius: 0;
height: 40px;
}
header .container {
height: 50px;
}
header .container .nav {
display: flex !important;
position: fixed !important;
width: 100% !important;
height: 50px;
}
h2 {
background: #333;
color: #ccc;
padding: 5px;
}
.cbi-section legend {
width: 100%;
color: #eee;
background: #049cdb;
padding: 5px 0px;
}
.cbi-value-field {
padding: 0 !important;
}
.cbi-input-textarea {
min-height: 100px;
}
.cbi-section-node label.cbi-value-title {
text-align: left !important;
float: none;
width: 100% !important;
display: block;
}
.cbi-value-title {
padding: 0;
padding-left: 5px;
background: #dbf4ff;
}
.cbi-value-field {
margin-left: 0% !important;
}
.cbi-value-field input[type="text"],
.cbi-value-field select {
width: 100%;
}
a.menu:after,
.dropdown-toggle:after {
display: none !important;
}
.cbi-map .cbi-map-descr {
padding: 10px;
}
.cbi-map .cbi-section {
padding: 0px;
}
.cbi-map .cbi-section .cbi-value {
margin-bottom: 5px !important;
}
footer {
display: none;
}
form,
.cbi-page-actions {
margin-bottom: 0;
}
.cbi-value-field input[type=checkbox],
.cbi-value-field input[type=radio] {
margin-left: 5px;
}
.cbi-value-field input+img {
display: block;
position: absolute;
margin-top: -27px;
right: 3px;
z-index: 2;
width: 24px;
}
fieldset legend:before {
content: ' ';
display: inline;
padding-left: 5px;
}
header .pull-right {
margin-top: 32px;
padding-top: 0;
left: 0;
position: absolute;
;
}
.wanon br {
display: none;
}
.wanon,
.wanoff {
border-radius: 0 !important;
box-shadow: 0 !important;
float: left;
margin: 0 !important;
min-height: 0 !important;
min-width: 0 !important;
padding: 2px !important;
text-align: left !important;
}
.wanon {
background: #c4eeff !important;
}
a {
color: #049cdb;
}
#maincontent.container {
margin-top: 50px !important;
}
}