diff --git a/dashboards/forza_composite/index.html b/dashboards/forza_composite/index.html index 3bd8aa5..8d914dc 100644 --- a/dashboards/forza_composite/index.html +++ b/dashboards/forza_composite/index.html @@ -20,16 +20,16 @@ html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0f;color:#fff; #speed-area{position:absolute;left:2%;bottom:6%;width:62%;text-align:center} #speed-val{font-size:min(12vw,120px);font-weight:200;line-height:1;letter-spacing:-.02em} #speed-unit{font-size:min(3vw,22px);color:rgba(255,255,255,.2);letter-spacing:.25em;margin-top:4px} -#gear-area{position:absolute;right:5%;top:50%;transform:translateY(-55%)} -#gear-box{width:min(20vw,170px);height:min(20vw,170px);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(12vw,100px);font-weight:200;transition:.1s} -#pedals{position:absolute;right:3%;top:5%;width:20%} +#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:2%;top:5%;width:15%} .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} .pedal .pf{height:100%;transition:width .06s linear} #tf{background:#fff}#bf{background:rgba(255,255,255,.4)} -#status{position:absolute;right:4%;bottom:6%;width:20%} +#status{position:absolute;right:2%;bottom:6%;width:15%} .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}