feat: show no overtaking sign
Some checks failed
TrafficCue CI / check (push) Failing after 1m39s
TrafficCue CI / build (push) Successful in 10m35s
TrafficCue CI / build-android (push) Successful in 26m54s

This commit is contained in:
2025-10-26 17:21:14 +01:00
parent 59ae422fe3
commit 80791a8f38
2 changed files with 22 additions and 2 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -202,6 +202,19 @@
</div> </div>
{/if} {/if}
{/if} {/if}
{#if meta.overtaking}
{@const overtaking = meta.overtaking}
{#if overtaking && overtaking == "no"}
<img
alt="No Overtaking"
src="/img/no-overtaking.png"
id="overtaking"
style="position: fixed; {mobileView
? `bottom: calc(50px + ${sidebarHeight.current}px + 10px + (2ch + 20px + 10px) * 2); right: 10px;`
: 'bottom: calc(10px + (2ch + 20px + 10px) * 2); right: 10px;'}"
/>
{/if}
{/if}
{/if} {/if}
<div <div
@ -430,7 +443,8 @@
} }
#speedometer, #speedometer,
#max-speed { #max-speed,
#overtaking {
z-index: 30; z-index: 30;
background-color: hsla(0, 0%, 5%, 0.6); background-color: hsla(0, 0%, 5%, 0.6);
backdrop-filter: blur(5px); backdrop-filter: blur(5px);
@ -446,7 +460,13 @@
#max-speed { #max-speed {
border-radius: 50%; border-radius: 50%;
border: 5px solid red; border: 5px solid #FA5959;
padding: 5px; padding: 5px;
} }
#overtaking {
padding: 0;
background: none;
backdrop-filter: none;
}
</style> </style>