[dyad] Reduced spacing between panels - wrote 1 file(s)

This commit is contained in:
[dyad]
2026-01-18 12:21:28 +01:00
parent b90d04e432
commit 00d0468661

View File

@@ -341,9 +341,9 @@ export function ImageConverter() {
const hasImages = images.length > 0; const hasImages = images.length > 0;
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-4 w-full">
<div className="lg:col-span-1 flex flex-col gap-8 lg:sticky lg:top-8 self-start"> <div className="lg:col-span-1 flex flex-col gap-4 lg:sticky lg:top-8 self-start">
<Accordion type="single" collapsible defaultValue="image-settings" className="w-full space-y-8"> <Accordion type="single" collapsible defaultValue="image-settings" className="w-full space-y-4">
<AccordionItem value="image-settings" className="border rounded-lg bg-card"> <AccordionItem value="image-settings" className="border rounded-lg bg-card">
<AccordionTrigger className="p-6 hover:no-underline"> <AccordionTrigger className="p-6 hover:no-underline">
<div className="text-left"> <div className="text-left">
@@ -509,7 +509,7 @@ export function ImageConverter() {
</Button> </Button>
</div> </div>
<div className="lg:col-span-2 flex flex-col gap-8"> <div className="lg:col-span-2 flex flex-col gap-4">
<Card> <Card>
<CardContent className="pt-6"> <CardContent className="pt-6">
<div className="space-y-4"> <div className="space-y-4">