From 59623d7cf57671c038e7d8c515b9fb59a163ad60 Mon Sep 17 00:00:00 2001 From: AskaEth Date: Sat, 25 Jul 2026 16:51:23 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20rewrite=20composite=20RPM=20gauge=20with?= =?UTF-8?q?=20Canvas,=20segmented=20ticks=20for=20accurate=20=E2=95=AD=20s?= =?UTF-8?q?hape?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- dashboards/forza_composite/index.html | 168 ++++++++++++-------------- 1 file changed, 74 insertions(+), 94 deletions(-) diff --git a/dashboards/forza_composite/index.html b/dashboards/forza_composite/index.html index 7b31aad..90dda99 100644 --- a/dashboards/forza_composite/index.html +++ b/dashboards/forza_composite/index.html @@ -15,21 +15,17 @@ html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0f;color:#fff; #box.fill{width:100vw;height:100vh} #content{position:relative;width:100%;height:100%;background:#0a0a0f} -/* RPM arc */ -#rpm-area{position:absolute;left:3%;top:6%;width:60%;height:78%} -#rpm-svg{width:100%;height:100%} +#rpm-area{position:absolute;left:2%;top:4%;width:62%;height:82%} +#rpm-canvas{width:100%;height:100%} -/* Speed */ -#speed-area{position:absolute;left:3%;bottom:8%;width:60%;text-align:center} +#speed-area{position:absolute;left:2%;bottom:6%;width:62%;text-align:center} #speed-val{font-size:min(8vw,76px);font-weight:200;line-height:1;letter-spacing:-.02em} #speed-unit{font-size:min(2vw,16px);color:rgba(255,255,255,.2);letter-spacing:.2em;margin-top:2px} -/* Gear */ #gear-area{position:absolute;right:6%;top:50%;transform:translateY(-55%);text-align:center} -#gear-box{width:min(16vw,140px);height:min(16vw,140px);border-radius:50%;border:2px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center} +#gear-box{width:min(16vw,140px);height:min(16vw,140px);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(8vw,72px);font-weight:200;transition:.1s} -/* Pedals */ #pedals{position:absolute;right:4%;top:5%;width:18%} .pedal{margin-bottom:12px} .pedal .pl{font-size:min(1.3vw,10px);color:rgba(255,255,255,.2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.1em} @@ -37,7 +33,6 @@ html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0f;color:#fff; .pedal .pf{height:100%;transition:width .06s linear} #tf{background:#fff}#bf{background:rgba(255,255,255,.4)} -/* Fuel / Temp */ #status{position:absolute;right:4%;bottom:6%;width:18%} .st{margin-bottom:10px} .st .sl{font-size:min(1.2vw,10px);color:rgba(255,255,255,.2);margin-bottom:3px;display:flex;justify-content:space-between} @@ -48,7 +43,7 @@ html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0f;color:#fff;
-
+
0
KM/H
1
@@ -61,110 +56,95 @@ html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0f;color:#fff;