AskaEth/TurboSu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: larger right-side gauges and text

Browse Source
This commit is contained in:
AskaEth
2026-07-25 17:51:57 +08:00
parent 63e368415f
commit 27161ca842
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboards/forza_composite/index.html
+8 -8
View File
@@ -23,16 +23,16 @@ html,body{width:100%;height:100%;overflow:hidden;background:#060a16;color:#fff;
#gear-area{position:absolute;right:12%;top:50%;transform:translateY(-55%)}
#gear-box{width:min(24vw,200px);height:min(24vw,200px);border-radius:50%;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}
#gear-box span{font-size:min(24vw,200px);font-weight:200;transition:.1s}
#pedals{position:absolute;right:4%;top:7%;width:14%}
.pedal{margin-bottom:16px}
.pedal .pl{font-size:min(1.8vw,13px);color:rgba(255,255,255,.2);margin-bottom:5px;letter-spacing:.15em}
.pedal .pb{height:8px;background:rgba(255,255,255,.06);overflow:hidden}
#pedals{position:absolute;right:4%;top:6%;width:16%}
.pedal{margin-bottom:22px}
.pedal .pl{font-size:min(2.4vw,17px);color:rgba(255,255,255,.25);margin-bottom:6px;letter-spacing:.15em}
.pedal .pb{height:12px;background:rgba(255,255,255,.06);overflow:hidden}
.pedal .pf{height:100%;transition:width .06s linear}
#tf{background:#fff}#bf{background:rgba(255,255,255,.4)}
#status{position:absolute;right:4%;bottom:8%;width:14%}
.st{margin-bottom:14px}
.st .sl{font-size:min(1.6vw,12px);color:rgba(255,255,255,.2);margin-bottom:4px;display:flex;justify-content:space-between}
.st .sb{height:4px;background:rgba(255,255,255,.06);overflow:hidden}
#status{position:absolute;right:4%;bottom:8%;width:16%}
.st{margin-bottom:18px}
.st .sl{font-size:min(2.2vw,15px);color:rgba(255,255,255,.25);margin-bottom:5px;display:flex;justify-content:space-between}
.st .sb{height:6px;background:rgba(255,255,255,.06);overflow:hidden}
.st .sf{height:100%;transition:width .3s}
#ff{background:rgba(255,255,255,.3)}#wf{background:rgba(255,255,255,.15)}
</style>