🧈 fix: Smoother Control Panel Tab Expansion Animations (#11077)

* fix: add opacity transitions for expansion / collapse of control panel tabs so they dont overlap anymore

* fix: make sure Agent Builder panel animates nicely
This commit is contained in:
Dustin Healy 2025-12-25 09:25:25 -08:00 committed by GitHub
parent 7844a93f8b
commit d0863de8d4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 3 additions and 3 deletions

View file

@ -39,7 +39,7 @@ const AccordionContent = React.forwardRef<
>(({ className = '', children, ...props }, ref) => (
<AccordionPrimitive.Content
ref={ref}
className="overflow-x-visible text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
className="overflow-y-hidden overflow-x-visible text-sm transition-opacity data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[state=closed]:opacity-0 data-[state=open]:opacity-100"
{...props}
>
<div className={cn('pb-4 pt-0', className)}>{children}</div>