[dyad] Made settings column sticky - wrote 1 file(s)

src/components/image-converter.tsx

@@ -332,7 +332,7 @@ export function ImageConverter() {
 
   return (
     <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 lg:sticky lg:top-8 self-start">
         <Accordion type="single" collapsible defaultValue="image-settings" className="w-full space-y-8">
           <AccordionItem value="image-settings" className="border rounded-lg bg-card">
             <AccordionTrigger className="p-6 hover:no-underline">