Merge pull request #110 from cppla/dev

css show month_traffic
pull/135/head
cppla 2021-10-10 11:40:05 +08:00 committed by GitHub
commit 20d938401c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 6 deletions

View File

@ -17,8 +17,9 @@ body { background: #222 url('../img/dark.png'); color: #fff; }
tr.even.expandRow > :hover { background: #2F2F2F !important; } tr.even.expandRow > :hover { background: #2F2F2F !important; }
tr.odd.expandRow > :hover { background: #000 !important; } tr.odd.expandRow > :hover { background: #000 !important; }
.expandRow > td { padding: 0 !important; border-top: 0px !important; } .expandRow > td { padding: 0 !important; border-top: 0px !important; }
#month_traffic { min-width: 90px; }
#network { min-width: 50px; max-width: 55px; }
#cpu, #ram, #hdd, #network { min-width: 55px; max-width: 100px; } #cpu, #ram, #hdd, #network { min-width: 55px; max-width: 100px; }
#ping { min-width: 55px; max-width: 130px; }
@media only screen and (max-width: 992px) { @media only screen and (max-width: 992px) {
#location, tr td:nth-child(5) { display:none; visibility:hidden; } #location, tr td:nth-child(5) { display:none; visibility:hidden; }
@ -38,7 +39,7 @@ tr.odd.expandRow > :hover { background: #000 !important; }
#type, tr td:nth-child(4) { display:none; visibility:hidden; } #type, tr td:nth-child(4) { display:none; visibility:hidden; }
#location, tr td:nth-child(5) { display:none; visibility:hidden; } #location, tr td:nth-child(5) { display:none; visibility:hidden; }
#uptime, tr td:nth-child(6) { display:none; visibility:hidden; } #uptime, tr td:nth-child(6) { display:none; visibility:hidden; }
#network, tr td:nth-child(8) { display:none; visibility:hidden; } #traffic, tr td:nth-child(9) { display:none; visibility:hidden; }
#ping, tr td:nth-child(13) { display:none; visibility:hidden; } #ping, tr td:nth-child(13) { display:none; visibility:hidden; }
} }
@media only screen and (max-width: 450px) { @media only screen and (max-width: 450px) {
@ -48,7 +49,7 @@ tr.odd.expandRow > :hover { background: #000 !important; }
#type, tr td:nth-child(4) { display:none; visibility:hidden; } #type, tr td:nth-child(4) { display:none; visibility:hidden; }
#location, tr td:nth-child(5) { display:none; visibility:hidden; } #location, tr td:nth-child(5) { display:none; visibility:hidden; }
#uptime, tr td:nth-child(6) { display:none; visibility:hidden; } #uptime, tr td:nth-child(6) { display:none; visibility:hidden; }
#network, tr td:nth-child(8) { display:none; visibility:hidden; } #traffic, tr td:nth-child(9) { display:none; visibility:hidden; }
#cpu, #ram, #hdd { min-width: 25px; max-width: 50px; } #cpu, #ram, #hdd { min-width: 25px; max-width: 50px; }
#ping, tr td:nth-child(13) { display:none; visibility:hidden; } #ping, tr td:nth-child(13) { display:none; visibility:hidden; }
} }

View File

@ -14,8 +14,9 @@ body { background: #ebebeb url('../img/light.png'); }
tr.even.expandRow > :hover { background: #F9F9F9 !important; } tr.even.expandRow > :hover { background: #F9F9F9 !important; }
tr.odd.expandRow > :hover { background: #FFF !important; } tr.odd.expandRow > :hover { background: #FFF !important; }
.expandRow > td { padding: 0 !important; border-top: 0px !important; } .expandRow > td { padding: 0 !important; border-top: 0px !important; }
#month_traffic { min-width: 90px; }
#network { min-width: 50px; max-width: 55px; }
#cpu, #ram, #hdd, #network { min-width: 55px; max-width: 100px; } #cpu, #ram, #hdd, #network { min-width: 55px; max-width: 100px; }
#ping { min-width: 55px; max-width: 130px; }
@media only screen and (max-width: 992px) { @media only screen and (max-width: 992px) {
#location, tr td:nth-child(5) { display:none; visibility:hidden; } #location, tr td:nth-child(5) { display:none; visibility:hidden; }
@ -35,7 +36,7 @@ tr.odd.expandRow > :hover { background: #FFF !important; }
#type, tr td:nth-child(4) { display:none; visibility:hidden; } #type, tr td:nth-child(4) { display:none; visibility:hidden; }
#location, tr td:nth-child(5) { display:none; visibility:hidden; } #location, tr td:nth-child(5) { display:none; visibility:hidden; }
#uptime, tr td:nth-child(6) { display:none; visibility:hidden; } #uptime, tr td:nth-child(6) { display:none; visibility:hidden; }
#network, tr td:nth-child(8) { display:none; visibility:hidden; } #traffic, tr td:nth-child(9) { display:none; visibility:hidden; }
#ping, tr td:nth-child(13) { display:none; visibility:hidden; } #ping, tr td:nth-child(13) { display:none; visibility:hidden; }
} }
@media only screen and (max-width: 450px) { @media only screen and (max-width: 450px) {
@ -45,7 +46,7 @@ tr.odd.expandRow > :hover { background: #FFF !important; }
#type, tr td:nth-child(4) { display:none; visibility:hidden; } #type, tr td:nth-child(4) { display:none; visibility:hidden; }
#location, tr td:nth-child(5) { display:none; visibility:hidden; } #location, tr td:nth-child(5) { display:none; visibility:hidden; }
#uptime, tr td:nth-child(6) { display:none; visibility:hidden; } #uptime, tr td:nth-child(6) { display:none; visibility:hidden; }
#network, tr td:nth-child(8) { display:none; visibility:hidden; } #traffic, tr td:nth-child(9) { display:none; visibility:hidden; }
#cpu, #ram, #hdd { min-width: 25px; max-width: 50px; } #cpu, #ram, #hdd { min-width: 25px; max-width: 50px; }
#ping, tr td:nth-child(13) { display:none; visibility:hidden; } #ping, tr td:nth-child(13) { display:none; visibility:hidden; }
} }