popertots/Crussell
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add inputmode to number inputs across admin modals to enforce numeric keyboard on mobile

Browse Source
This commit is contained in:
popertots
2026-05-29 18:20:30 +01:00
parent c21a59d61d
commit 20bd3e3310
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/components/admin/DiscountsManagement.svelte
+3 -3
View File
@@ -483,7 +483,7 @@
<div class="space-y-2">
<Label.Root for="dc-pct">Discount Percent *</Label.Root>
<div class="flex items-center gap-2">
<Input id="dc-pct" type="number" min="1" max="100" bind:value={form.discount_percent} class="w-24" />
<Input id="dc-pct" type="number" inputmode="numeric" min="1" max="100" bind:value={form.discount_percent} class="w-24" />
<span class="text-sm text-gray-500">%</span>
</div>
{#if errors.discount_percent}<p class="text-xs text-red-500">{errors.discount_percent}</p>{/if}
@@ -545,7 +545,7 @@
<div class="grid grid-cols-2 gap-3">
<div class="space-y-2">
<Label.Root for="dc-ms-val">Value *</Label.Root>
<Input id="dc-ms-val" type="number" min="1" bind:value={form.milestone_value} />
<Input id="dc-ms-val" type="number" inputmode="numeric" min="1" bind:value={form.milestone_value} />
{#if errors.milestone_value}<p class="text-xs text-red-500">{errors.milestone_value}</p>{/if}
</div>
<div class="space-y-2">
@@ -579,7 +579,7 @@
<!-- Max Redemptions -->
<div class="space-y-2">
<Label.Root for="dc-max">Max Redemptions (campaign total)</Label.Root>
<Input id="dc-max" type="number" min="0" bind:value={form.max_redemptions} class="w-32" />
<Input id="dc-max" type="number" inputmode="numeric" min="0" bind:value={form.max_redemptions} class="w-32" />
<p class="text-xs text-gray-500">0 = unlimited across all users</p>
</div>
</div>