From 7ca105317573b7e1f487d916c27736b6ff884623 Mon Sep 17 00:00:00 2001 From: AskaEth Date: Sat, 25 Jul 2026 19:12:35 +0800 Subject: [PATCH] fix: reduce vw% for better scaling at small window sizes --- dashboards/forza_composite/index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/dashboards/forza_composite/index.html b/dashboards/forza_composite/index.html index 6191a13..ec00b45 100644 --- a/dashboards/forza_composite/index.html +++ b/dashboards/forza_composite/index.html @@ -18,14 +18,14 @@ html,body{width:100%;height:100%;overflow:hidden;background:#060a16;color:#fff; #rpm-area{position:absolute;left:2%;top:4%;width:62%;height:82%} #rpm-canvas{width:100%;height:100%} #speed-area{position:absolute;left:4%;bottom:10%;width:60%;text-align:center} -#speed-val{font-size:min(24vw,240px);font-weight:200;line-height:1;letter-spacing:-.02em} -#speed-unit{font-size:min(6vw,44px);color:rgba(255,255,255,.2);letter-spacing:.25em;margin-top:4px} +#speed-val{font-size:min(12vw,240px);font-weight:200;line-height:1;letter-spacing:-.02em} +#speed-unit{font-size:min(3vw,44px);color:rgba(255,255,255,.2);letter-spacing:.25em;margin-top:4px} #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(96vw,800px);font-weight:200;transition:.1s} +#gear-box span{font-size:min(48vw,800px);font-weight:200;transition:.1s} #pedals{position:absolute;right:4%;top:6%;width:22%} .pedal{margin-bottom:22px} -.pedal .pl{font-size:min(9.6vw,68px);color:rgba(255,255,255,.25);margin-bottom:8px;letter-spacing:.15em} +.pedal .pl{font-size:min(4.8vw,68px);color:rgba(255,255,255,.25);margin-bottom:8px;letter-spacing:.15em} .pedal .pb{height:24px;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)}