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