mirror of
https://github.com/Snigdha-OS/package-browser.git
synced 2025-09-07 21:25:16 +02:00
🐛 fix: animation speed
This commit is contained in:
@@ -9,19 +9,16 @@ export function ExpandButton({ expanded, onClick }: ExpandButtonProps) {
|
|||||||
return (
|
return (
|
||||||
<button
|
<button
|
||||||
onClick={onClick}
|
onClick={onClick}
|
||||||
className="text-nord-9 dark:text-nord-8 hover:text-nord-10 dark:hover:text-nord-7 flex items-center gap-1 text-sm"
|
className="flex items-center gap-2 px-3 py-1 text-sm font-medium text-nord-9 dark:text-nord-8 hover:text-nord-10 dark:hover:text-nord-7 focus:outline-none focus:ring-2 focus:ring-nord-8 dark:focus:ring-nord-9 rounded-lg transition-all duration-300"
|
||||||
>
|
>
|
||||||
{expanded ? (
|
<span
|
||||||
<>
|
className={`transform transition-transform duration-300 ${
|
||||||
<ChevronUp className="h-4 w-4" />
|
expanded ? 'rotate-180' : ''
|
||||||
Hide installation
|
}`}
|
||||||
</>
|
>
|
||||||
) : (
|
{expanded ? <ChevronUp className="h-4 w-4" /> : <ChevronDown className="h-4 w-4" />}
|
||||||
<>
|
</span>
|
||||||
<ChevronDown className="h-4 w-4" />
|
{expanded ? 'Hide installation' : 'Show installation'}
|
||||||
Show installation
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</button>
|
</button>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user