Snigdha-OS/package-browser
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/package-browser.git synced 2025-09-06 20:55:17 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

🐛 fix: animation speed

Browse Source
This commit is contained in:
eshanized
2025-01-07 23:03:55 +05:30
parent 927c6f0a05
commit aa2d928153
1 changed files with 10 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/PackageCard/ExpandButton.tsx
View File

@@ -9,19 +9,16 @@ export function ExpandButton({ expanded, onClick }: ExpandButtonProps) {
return (
<button
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 ? (
<>
<ChevronUp className="h-4 w-4" />
Hide installation
</>
) : (
<>
<ChevronDown className="h-4 w-4" />
Show installation
</>
)}
<span
className={`transform transition-transform duration-300 ${
expanded ? 'rotate-180' : ''
}`}
>
{expanded ? <ChevronUp className="h-4 w-4" /> : <ChevronDown className="h-4 w-4" />}
</span>
{expanded ? 'Hide installation' : 'Show installation'}
</button>
);
}
}