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

[dyad] Fixed unresponsive buttons - wrote 1 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-18 11:32:15 +01:00
parent 15deb9e044
commit c74f5dcc28
1 changed files with 109 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -267,20 +267,17 @@ export function ImageConverter() {
return ( return (
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 w-full"> <div className="grid grid-cols-1 lg:grid-cols-3 gap-8 w-full">
<div className="lg:col-span-1 flex flex-col gap-8"> <div className="lg:col-span-1 flex flex-col gap-8">
<Accordion type="single" collapsible defaultValue="image-settings" className="w-full"> <Accordion type="single" collapsible defaultValue="image-settings" className="w-full space-y-8">
<div className="space-y-8"> <AccordionItem value="image-settings" className="border rounded-lg bg-card">
<Card>
<AccordionItem value="image-settings" className="border-none">
<AccordionTrigger className="p-6 hover:no-underline"> <AccordionTrigger className="p-6 hover:no-underline">
<div className="text-left"> <div className="text-left">
<CardTitle>Image Settings</CardTitle> <h3 className="text-lg font-medium leading-none">Image Settings</h3>
<CardDescription className="mt-1"> <p className="text-sm text-muted-foreground mt-1">
Adjust resolution for all uploaded images. Adjust resolution for all uploaded images.
</CardDescription> </p>
</div> </div>
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="px-6 pb-6"> <AccordionContent className="px-6 pb-6">
<div className="space-y-6">
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4"> <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div className="space-y-2"> <div className="space-y-2">
<Label htmlFor="width">Width (px)</Label> <Label htmlFor="width">Width (px)</Label>
@@ -291,17 +288,14 @@ export function ImageConverter() {
<Input id="height" type="number" placeholder="e.g., 1080" value={height} onChange={(e) => setHeight(e.target.value)} /> <Input id="height" type="number" placeholder="e.g., 1080" value={height} onChange={(e) => setHeight(e.target.value)} />
</div> </div>
</div> </div>
</div>
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
</Card>
<Card> <AccordionItem value="filename-settings" className="border rounded-lg bg-card">
<AccordionItem value="filename-settings" className="border-none">
<AccordionTrigger className="p-6 hover:no-underline"> <AccordionTrigger className="p-6 hover:no-underline">
<div className="text-left"> <div className="text-left">
<CardTitle>Filename Settings</CardTitle> <h3 className="text-lg font-medium leading-none">Filename Settings</h3>
<CardDescription className="mt-1">Customize the output filenames.</CardDescription> <p className="text-sm text-muted-foreground mt-1">Customize the output filenames.</p>
</div> </div>
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="px-6 pb-6"> <AccordionContent className="px-6 pb-6">
@@ -345,14 +339,12 @@ export function ImageConverter() {
</div> </div>
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
</Card>
<Card> <AccordionItem value="quality-settings" className="border rounded-lg bg-card">
<AccordionItem value="quality-settings" className="border-none">
<AccordionTrigger className="p-6 hover:no-underline"> <AccordionTrigger className="p-6 hover:no-underline">
<div className="text-left"> <div className="text-left">
<CardTitle>Quality Settings</CardTitle> <h3 className="text-lg font-medium leading-none">Quality Settings</h3>
<CardDescription className="mt-1">Choose format and compression level.</CardDescription> <p className="text-sm text-muted-foreground mt-1">Choose format and compression level.</p>
</div> </div>
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="px-6 pb-6"> <AccordionContent className="px-6 pb-6">
@@ -389,8 +381,6 @@ export function ImageConverter() {
</div> </div>
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
</Card>
</div>
</Accordion> </Accordion>
<Button <Button
onClick={handleConvertAndDownload} onClick={handleConvertAndDownload}