From 27161ca842e02083651ef8d0c96bb61776d33e0c Mon Sep 17 00:00:00 2001 From: AskaEth Date: Sat, 25 Jul 2026 17:51:57 +0800 Subject: [PATCH] style: larger right-side gauges and text --- dashboards/forza_composite/index.html | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/dashboards/forza_composite/index.html b/dashboards/forza_composite/index.html index 200b3a4..94db9dc 100644 --- a/dashboards/forza_composite/index.html +++ b/dashboards/forza_composite/index.html @@ -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)}