Show numeric input on mobile for ticket ordering amounts, don't cut o…

…ff double-digit numbers
pennlabs · Oct 9, 2024 · feec659 · feec659
1 parent bbe2361
commit feec659
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/frontend/pages/events/[id].tsx b/frontend/pages/events/[id].tsx
@@ -201,14 +201,15 @@ const GetTicketItem: React.FC<TicketItemProps> = ({
         </p>
         <Input
           type="number"
+          pattern="[0-9]*"
           className="input"
           min={0}
           max={max}
           value={count ?? 1}
           step={1}
           placeholder="Ticket Count"
           onChange={handleCountChange}
-          style={{ flex: '0 0 auto', maxWidth: '48px' }}
+          style={{ flex: '0 0 auto', maxWidth: '64px' }}
         />
       </div>
     </div>