Fascinated/scoresaber-reloadedv3
Archived
1
1
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Activity

fix leaderboard arrow on mobile showing a backgrounf when pressed
All checks were successful
Deploy SSR / deploy (push) Successful in 1m13s
Details

Browse Source
This commit is contained in:
Lee 2024-09-13 00:03:09 +01:00
parent 33b270ab0b
commit a3fa98b184
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/player/score/leaderboard-button.tsx
View File

@ -11,7 +11,11 @@ type Props = {
export default function LeaderboardButton({ isLeaderboardExpanded, setIsLeaderboardExpanded }: Props) { export default function LeaderboardButton({ isLeaderboardExpanded, setIsLeaderboardExpanded }: Props) {
return ( return (
<div className="pr-2 flex items-center justify-center h-full"> <div className="pr-2 flex items-center justify-center h-full">
<Button className="p-0" variant="ghost" onClick={() => setIsLeaderboardExpanded(!isLeaderboardExpanded)}> <Button
className="p-0 hover:bg-transparent"
variant="ghost"
onClick={() => setIsLeaderboardExpanded(!isLeaderboardExpanded)}
>
<ArrowDownIcon <ArrowDownIcon
className={clsx("w-6 h-6 transition-all transform-gpu", isLeaderboardExpanded ? "" : "rotate-180")} className={clsx("w-6 h-6 transition-all transform-gpu", isLeaderboardExpanded ? "" : "rotate-180")}
/> />