spark-store-project/ServerStatus
14
0
Fork 0
mirror of https://github.com//cppla/ServerStatus synced 2025-07-23 11:42:24 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

css resize

Browse Source
This commit is contained in:
cppla 2024-01-22 15:21:06 +08:00
parent 144987bcf1
commit 94708c588c
2 changed files with 38 additions and 50 deletions

44
web/css/dark.css

@ -20,35 +20,29 @@ tr.odd.expandRow > :hover { background: #212e36 !important; }
#month_traffic { min-width: 85px; max-width: 95px;} #month_traffic { min-width: 85px; max-width: 95px;}
#network { min-width: 110px; } #network { min-width: 110px; }
#cpu, #ram, #hdd { min-width: 45px; max-width: 90px; } #cpu, #ram, #hdd { min-width: 45px; max-width: 90px; }
#ping { max-width: 110px; } #ping { max-width: 115px; }
@media only screen and (max-width: 1200px) { @media only screen and (max-width: 1200px) {
#server { #type { 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; } #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: 720px) { @media only screen and (max-width: 720px) {
#server { body { font-size: 10px; }
body { font-size: 10px; } .content { padding: 0; }
.content { padding: 0; } #type { 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; } #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: 620px) { @media only screen and (max-width: 620px) {
#server { body { font-size: 10px; }
body { font-size: 10px; } .content { padding: 0; }
.content { padding: 0; } #month_traffic { display:none; visibility:hidden; }
#month_traffic, tr td:nth-child(2) { display:none; visibility:hidden; } #type { 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; } #traffic, tr td:nth-child(9) { 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; }
}
} }

44
web/css/light.css

@ -17,35 +17,29 @@ tr.odd.expandRow > :hover { background: #FFF !important; }
#month_traffic { min-width: 85px; max-width: 95px;} #month_traffic { min-width: 85px; max-width: 95px;}
#network { min-width: 110px; } #network { min-width: 110px; }
#cpu, #ram, #hdd { min-width: 45px; max-width: 90px; } #cpu, #ram, #hdd { min-width: 45px; max-width: 90px; }
#ping { max-width: 110px; } #ping { max-width: 115px; }
@media only screen and (max-width: 1200px) { @media only screen and (max-width: 1200px) {
#server { #type { 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; } #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: 720px) { @media only screen and (max-width: 720px) {
#server { body { font-size: 10px; }
body { font-size: 10px; } .content { padding: 0; }
.content { padding: 0; } #type { 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; } #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: 620px) { @media only screen and (max-width: 620px) {
#server { body { font-size: 10px; }
body { font-size: 10px; } .content { padding: 0; }
.content { padding: 0; } #month_traffic { display:none; visibility:hidden; }
#month_traffic, tr td:nth-child(2) { display:none; visibility:hidden; } #type { 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; } #traffic, tr td:nth-child(9) { 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; }
}
} }