diff --git a/packages/web/src/components/NumberInput.tsx b/packages/web/src/components/NumberInput.tsx index 293da3d..11d73b3 100644 --- a/packages/web/src/components/NumberInput.tsx +++ b/packages/web/src/components/NumberInput.tsx @@ -73,6 +73,7 @@ export default function NumberInput({ max = 999, step = 1, style, + placeholder, 'aria-label': ariaLabel, }: { value: number @@ -81,6 +82,7 @@ export default function NumberInput({ max?: number step?: number style?: React.CSSProperties + placeholder?: string 'aria-label'?: string }) { const valueRef = useRef(value) @@ -113,16 +115,18 @@ export default function NumberInput({ { + if (e.target.value === '') { onChange(0); return } const n = parseInt(e.target.value) if (!isNaN(n)) onChange(clamp(n)) }} style={{ flex: 1, minWidth: 0, - padding: '8px 4px', + padding: '8px 8px', background: 'transparent', border: 'none', outline: 'none', diff --git a/packages/web/src/pages/admin/AdminSecurity.tsx b/packages/web/src/pages/admin/AdminSecurity.tsx index 9c91799..25a6e6f 100644 --- a/packages/web/src/pages/admin/AdminSecurity.tsx +++ b/packages/web/src/pages/admin/AdminSecurity.tsx @@ -727,7 +727,7 @@ function BoardSecurityCard({ board, selected, onToggleSelect }: { board: BoardSu aria-label="Sensitivity level" /> -