s54b/ProxmoxVE_Scripts
1
0
Fork 0
mirror of https://github.com/community-scripts/ProxmoxVE.git synced 2025-06-30 02:57:38 +00:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

Update ScriptAccordion and ScriptItem components for improved styling

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/scripts/_components/ScriptAccordion.tsx
View File

@ -62,7 +62,7 @@ export default function ScriptAccordion({
<AccordionItem <AccordionItem
key={category.id + ":category"} key={category.id + ":category"}
value={category.name} 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, "rounded-lg bg-accent/30": expandedItem === category.name,
})} })}
> >

2
frontend/src/app/scripts/_components/ScriptItem.tsx
View File

@ -132,7 +132,7 @@ export function ScriptItem({ item, setSelectedScript }: ScriptItemProps) {
</button> </button>
</div> </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"> <div className="p-6 space-y-6">
<Suspense fallback={<div className="animate-pulse h-32 bg-accent/20 rounded-xl" />}> <Suspense fallback={<div className="animate-pulse h-32 bg-accent/20 rounded-xl" />}>
<ScriptHeader item={item} /> <ScriptHeader item={item} />