feat: show no overtaking sign
This commit is contained in:
BIN
public/img/no-overtaking.png
Normal file
BIN
public/img/no-overtaking.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user