Fix overflow bug in Accordion (#151)

havardthom · web-flow · commit c175bff838df · 2024-11-09T10:32:04.000+01:00
diff --git a/frontend/src/app/scripts/_components/ScriptAccordion.tsx b/frontend/src/app/scripts/_components/ScriptAccordion.tsx
@@ -55,7 +55,7 @@ export default function ScriptAccordion({
       value={expandedItem}
       onValueChange={handleAccordionChange}
       collapsible
-      className="overflow-y-scroll max-h-[calc(100vh-210px)] overflow-x-hidden pb-4"
+      className="overflow-y-scroll max-h-[calc(100vh-210px)] overflow-x-hidden mt-3 p-2"
     >
       {items.map((category) => (
         <AccordionItem

Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@ export default function ScriptAccordion({`
`55`	`55`	`value={expandedItem}`
`56`	`56`	`onValueChange={handleAccordionChange}`
`57`	`57`	`collapsible`
`58`		`- className="overflow-y-scroll max-h-[calc(100vh-210px)] overflow-x-hidden pb-4"`
	`58`	`+ className="overflow-y-scroll max-h-[calc(100vh-210px)] overflow-x-hidden mt-3 p-2"`
`59`	`59`	`>`
`60`	`60`	`{items.map((category) => (`
`61`	`61`	`<AccordionItem`