style change
This commit is contained in:
parent
6c9056f3e7
commit
2ca07a630e
@ -6,12 +6,12 @@ body {
|
|||||||
color: #ddd;
|
color: #ddd;
|
||||||
}
|
}
|
||||||
.infobox .header {
|
.infobox .header {
|
||||||
background-color: #393939;
|
background-color: #001726;
|
||||||
border: 1px solid #454545;
|
border: 1px solid #000508;
|
||||||
}
|
}
|
||||||
.infobox .content {
|
.infobox .content {
|
||||||
background-color: #242424;
|
background-color: #000508;
|
||||||
border: 1px solid #454545;
|
border: 1px solid #001726;
|
||||||
}
|
}
|
||||||
.bar-inner {
|
.bar-inner {
|
||||||
background-color: #181818;
|
background-color: #181818;
|
||||||
|
@ -24,6 +24,7 @@ h1,h2,h3,h4 {
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
background-color: #ececec;
|
background-color: #ececec;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
|
border-top: 0 !important;
|
||||||
}
|
}
|
||||||
.infobox-row {
|
.infobox-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -64,8 +65,12 @@ h1,h2,h3,h4 {
|
|||||||
.bar-stats .stat-high {
|
.bar-stats .stat-high {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
.interface {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
.ip-addr {
|
.ip-addr {
|
||||||
display: block;
|
display: block;
|
||||||
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
.sec-info {
|
.sec-info {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
|
@ -143,10 +143,10 @@
|
|||||||
for (let ip in iface.addresses) {
|
for (let ip in iface.addresses) {
|
||||||
ips.push(e('span', iface.addresses[ip], 'ip-addr'))
|
ips.push(e('span', iface.addresses[ip], 'ip-addr'))
|
||||||
}
|
}
|
||||||
interfaces += box('interface',
|
|
||||||
e('h3', int) +
|
let bw = ''
|
||||||
ips.join('') +
|
if (iface.download && !isNaN(iface.download)) {
|
||||||
e('h4', 'Bandwidth', 'sec-info') +
|
bw = e('h4', 'Bandwidth', 'sec-info') +
|
||||||
box('row',
|
box('row',
|
||||||
e('label', 'Download') +
|
e('label', 'Download') +
|
||||||
e('span', bytesToSize(iface.download))
|
e('span', bytesToSize(iface.download))
|
||||||
@ -154,6 +154,12 @@
|
|||||||
e('label', 'Upload') +
|
e('label', 'Upload') +
|
||||||
e('span', bytesToSize(iface.upload))
|
e('span', bytesToSize(iface.upload))
|
||||||
)
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
interfaces += box('interface',
|
||||||
|
e('h3', int) +
|
||||||
|
ips.join('') +
|
||||||
|
bw
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user