youwen5/jankboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: fix skeleton widths

Browse source
This commit is contained in:
Youwen Wu 2024-02-23 17:27:25 -08:00
parent 44e76144dd
commit e447b133ca
1 changed files with 16 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
client/src/lib/Dashboard/Compass.svelte
View file

@ -19,12 +19,22 @@
$: placeholder = accx === -999 && accy === -999
</script>
<div class="flex flex-col gap-2 text-center justify-center">
<p class="text-xl font-medium" class:placeholder>
Heading {getDirection(orientation)} ({orientation.toFixed(2)}°)
<div class="flex flex-col gap-2 text-center transition-all">
<p class="text-xl font-medium">
{#if !placeholder}
Heading {getDirection(orientation)} ({orientation.toFixed(2)}°)
{:else}
<span class="placeholder">--------------------------------</span>
{/if}
</p>
<p class="text-lg font-medium" class:placeholder>
{getAcceleration(accResolved)} ({mpss2knps(accResolved).toFixed(2)}
kn/s)
<p class="text-lg font-medium">
{#if !placeholder}
{getAcceleration(accResolved)} ({mpss2knps(accResolved).toFixed(2)}
kn/s)
{:else}
<span class="placeholder"
>-----------------------------------------------------</span
>
{/if}
</p>
</div>