Update ScriptAccordion and ScriptItem components for improved styling

This commit is contained in:
Bram Suurd
2025-06-26 16:59:31 +02:00
parent 5ad9323944
commit 559dcb6d10
2 changed files with 2 additions and 2 deletions

View File

@ -62,7 +62,7 @@ export default function ScriptAccordion({
<AccordionItem
key={category.id + ":category"}
value={category.name}
className={cn("sm:text-md flex flex-col border-none", {
className={cn("sm:text-sm flex flex-col border-none", {
"rounded-lg bg-accent/30": expandedItem === category.name,
})}
>

View File

@ -132,7 +132,7 @@ export function ScriptItem({ item, setSelectedScript }: ScriptItemProps) {
</button>
</div>
<div className="rounded-xl border border-border bg-gradient-to-b from-card/30 to-background/50 backdrop-blur-sm shadow-sm">
<div className="rounded-xl border border-border bg-accent/30 backdrop-blur-sm shadow-sm">
<div className="p-6 space-y-6">
<Suspense fallback={<div className="animate-pulse h-32 bg-accent/20 rounded-xl" />}>
<ScriptHeader item={item} />