Pad stats

This commit is contained in:
redphx 2024-12-11 18:08:28 +07:00
parent 7709cceff0
commit 0fb3b7b7f7
2 changed files with 6 additions and 10 deletions

View File

@ -165,10 +165,10 @@ div[class^=StreamMenu-module__container] .bx-badges {
}
span {
min-width: 60px;
display: inline-block;
text-align: right;
vertical-align: middle;
white-space: pre;
&[data-grade=good] {
color: #6bffff;
@ -181,9 +181,5 @@ div[class^=StreamMenu-module__container] .bx-badges {
&[data-grade=bad] {
color: #ff5f5f;
}
&:first-of-type {
min-width: 22px;
}
}
}

View File

@ -96,7 +96,7 @@ export class StreamStatsCollector {
current: -1,
grades: [40, 75, 100],
toString() {
return this.current === -1 ? '???' : this.current.toString();
return this.current === -1 ? '???' : this.current.toString().padStart(3, ' ');
},
},
@ -104,7 +104,7 @@ export class StreamStatsCollector {
current: 0,
grades: [30, 40, 60],
toString() {
return `${this.current.toFixed(1)}ms`;
return `${this.current.toFixed(1)}ms`.padStart(6, ' ');
},
},
@ -119,7 +119,7 @@ export class StreamStatsCollector {
[StreamStat.BITRATE]: {
current: 0,
toString() {
return `${this.current.toFixed(1)} Mbps`;
return `${this.current.toFixed(1)} Mbps`.padStart(9, ' ');
},
},
@ -146,14 +146,14 @@ export class StreamStatsCollector {
total: 0,
grades: [6, 9, 12],
toString() {
return isNaN(this.current) ? '??ms' : `${this.current.toFixed(1)}ms`;
return isNaN(this.current) ? '??ms' : `${this.current.toFixed(1)}ms`.padStart(6, ' ');
},
},
[StreamStat.DOWNLOAD]: {
total: 0,
toString() {
return humanFileSize(this.total);
return humanFileSize(this.total).padStart(8, ' ');
},
},