pascallinxweiler/Webify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[dyad] Improve design of sequential number options - wrote 1 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-18 11:16:45 +01:00
parent 1d2d4c2745
commit cb44e58241
1 changed files with 24 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/image-converter.tsx
View File

@@ -272,26 +272,30 @@ export function ImageConverter() {
<Label htmlFor="use-counter">Add sequential number</Label>
</div>
{useCounter && (
<div className="grid grid-cols-2 gap-4 pl-8 pt-2">
<div className="space-y-2">
<Label htmlFor="counter-start">Start number</Label>
<Input
id="counter-start"
type="number"
value={counterStart}
onChange={(e) => setCounterStart(Math.max(0, Number(e.target.value)))}
min="0"
/>
</div>
<div className="space-y-2">
<Label htmlFor="counter-digits">Padding digits</Label>
<Input
id="counter-digits"
type="number"
value={counterDigits}
onChange={(e) => setCounterDigits(Math.max(1, Number(e.target.value)))}
min="1"
/>
<div className="pl-8 pt-4">
<div className="rounded-lg border bg-transparent p-4">
<div className="grid grid-cols-2 gap-4">
<div className="space-y-2">
<Label htmlFor="counter-start">Start number</Label>
<Input
id="counter-start"
type="number"
value={counterStart}
onChange={(e) => setCounterStart(Math.max(0, Number(e.target.value)))}
min="0"
/>
</div>
<div className="space-y-2">
<Label htmlFor="counter-digits">Padding digits</Label>
<Input
id="counter-digits"
type="number"
value={counterDigits}
onChange={(e) => setCounterDigits(Math.max(1, Number(e.target.value)))}
min="1"
/>
</div>
</div>
</div>
</div>
)}