style: button add hover animation

This commit is contained in:
hamster1963 2025-01-11 18:53:54 +08:00
parent b265b68fa3
commit fbc4eda27d
2 changed files with 2 additions and 2 deletions

View File

@ -68,7 +68,7 @@ export default function ServerDetailClient({
<div>
<div
onClick={linkClick}
className="flex flex-none cursor-pointer font-semibold leading-none items-center break-all tracking-tight gap-0.5 text-xl"
className="flex flex-none cursor-pointer font-semibold leading-none items-center break-all tracking-tight gap-0.5 text-xl hover:opacity-50 transition-opacity duration-300"
>
<BackIcon />
{data?.name}

View File

@ -57,7 +57,7 @@ export default function TabSwitch({
onClick={() => setCurrentTab(tab)}
className={cn(
"relative cursor-pointer rounded-3xl px-2.5 py-[8px] text-[13px] font-[600]",
"transition-all duration-500 ease-in-out text-stone-400 dark:text-stone-500",
"transition-all duration-500 ease-in-out text-stone-400 dark:text-stone-500 hover:text-stone-950 hover:dark:text-stone-50",
{
"text-stone-950 dark:text-stone-50": currentTab === tab,
},