Skip to content

Commit

Permalink
Fix labels not having a for
Browse files Browse the repository at this point in the history
  • Loading branch information
@cr0wst
cr0wst committed Feb 3, 2025
1 parent 0f87c20 commit 002652b
Show file tree
Hide file tree
Showing 2 changed files with 24 additions and 12 deletions.
18 changes: 12 additions & 6 deletions src/routes/(protected)/admin/airspace/AddUpdateOverlayForm.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -266,9 +266,10 @@

<div class="grid grid-cols-2 gap-4">
<div>
<label class="mb-1 block text-xs">Weight</label>
<label class="mb-1 block text-xs" for="weight">Weight</label>
<input
type="number"
name="weight"
bind:value={element.settings.weight}
step="0.1"
min="0"
Expand All @@ -277,9 +278,10 @@
/>
</div>
<div>
<label class="mb-1 block text-xs">Opacity</label>
<label class="mb-1 block text-xs" for="opacity">Opacity</label>
<input
type="number"
name="opacity"
bind:value={element.settings.opacity}
step="0.1"
min="0"
Expand All @@ -288,8 +290,9 @@
/>
</div>
<div>
<label class="mb-1 block text-xs">Line Cap</label>
<label class="mb-1 block text-xs" for="line-cap">Line Cap</label>
<select
name="line-cap"
bind:value={element.settings.lineCap}
class="w-full rounded-md border border-surface-tertiary bg-surface p-1.5 text-sm text-content focus:border-accent focus:outline-none focus:ring focus:ring-accent/20 dark:border-surface-dark-tertiary dark:bg-surface-dark dark:text-content-dark dark:focus:border-accent-dark dark:focus:ring-accent-dark/20"
>
Expand All @@ -299,8 +302,9 @@
</select>
</div>
<div>
<label class="mb-1 block text-xs">Line Join</label>
<label class="mb-1 block text-xs" for="line-join">Line Join</label>
<select
name="line-join"
bind:value={element.settings.lineJoin}
class="w-full rounded-md border border-surface-tertiary bg-surface p-1.5 text-sm text-content focus:border-accent focus:outline-none focus:ring focus:ring-accent/20 dark:border-surface-dark-tertiary dark:bg-surface-dark dark:text-content-dark dark:focus:border-accent-dark dark:focus:ring-accent-dark/20"
>
Expand All @@ -310,8 +314,9 @@
</select>
</div>
<div>
<label class="mb-1 block text-xs">Radius</label>
<label class="mb-1 block text-xs" for="radius">Radius</label>
<input
name="radius"
type="number"
bind:value={element.settings.radius}
step="0.5"
Expand All @@ -321,8 +326,9 @@
/>
</div>
<div>
<label class="mb-1 block text-xs">Fill Opacity</label>
<label class="mb-1 block text-xs" for="fill-opacity">Fill Opacity</label>
<input
name="fill-opacity"
type="number"
bind:value={element.settings.fillOpacity}
step="0.1"
Expand Down
18 changes: 12 additions & 6 deletions src/routes/(protected)/admin/airspace/AddUpdateStaticElementForm.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -287,8 +287,9 @@

<div class="grid grid-cols-2 gap-4">
<div>
<label class="mb-1 block text-xs">Weight</label>
<label class="mb-1 block text-xs" for="weight">Weight</label>
<input
name="weight"
type="number"
bind:value={activeElement.settings.weight}
step="0.1"
Expand All @@ -298,8 +299,9 @@
/>
</div>
<div>
<label class="mb-1 block text-xs">Opacity</label>
<label class="mb-1 block text-xs" for="opacity">Opacity</label>
<input
name="opacity"
type="number"
bind:value={activeElement.settings.opacity}
step="0.1"
Expand All @@ -309,8 +311,9 @@
/>
</div>
<div>
<label class="mb-1 block text-xs">Line Cap</label>
<label class="mb-1 block text-xs" for="line-cap">Line Cap</label>
<select
name="line-cap"
bind:value={activeElement.settings.lineCap}
class="w-full rounded-md border border-surface-tertiary bg-surface p-1.5 text-sm text-content focus:border-accent focus:outline-none focus:ring focus:ring-accent/20 dark:border-surface-dark-tertiary dark:bg-surface-dark dark:text-content-dark dark:focus:border-accent-dark dark:focus:ring-accent-dark/20"
>
Expand All @@ -320,8 +323,9 @@
</select>
</div>
<div>
<label class="mb-1 block text-xs">Line Join</label>
<label class="mb-1 block text-xs" for="line-join">Line Join</label>
<select
name="line-join"
bind:value={activeElement.settings.lineJoin}
class="w-full rounded-md border border-surface-tertiary bg-surface p-1.5 text-sm text-content focus:border-accent focus:outline-none focus:ring focus:ring-accent/20 dark:border-surface-dark-tertiary dark:bg-surface-dark dark:text-content-dark dark:focus:border-accent-dark dark:focus:ring-accent-dark/20"
>
Expand All @@ -331,8 +335,9 @@
</select>
</div>
<div>
<label class="mb-1 block text-xs">Radius</label>
<label class="mb-1 block text-xs" for="radius">Radius</label>
<input
name="radius"
type="number"
bind:value={activeElement.settings.radius}
step="0.5"
Expand All @@ -342,8 +347,9 @@
/>
</div>
<div>
<label class="mb-1 block text-xs">Fill Opacity</label>
<label class="mb-1 block text-xs" for="fill-opacity">Fill Opacity</label>
<input
name="fill-opacity"
type="number"
bind:value={activeElement.settings.fillOpacity}
step="0.1"
Expand Down

0 comments on commit 002652b

Please sign in to comment.