root/nezha_dash
1
0
Fork 0
mirror of https://github.com/hamster1963/nezha-dash.git synced 2025-04-24 21:10:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: button add hover animation

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/(main)/ClientComponents/detail/ServerDetailClient.tsx
View File

@ -68,7 +68,7 @@ export default function ServerDetailClient({
<div> <div>
<div <div
onClick={linkClick} 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 /> <BackIcon />
{data?.name} {data?.name}

2
components/TabSwitch.tsx
View File

@ -57,7 +57,7 @@ export default function TabSwitch({
onClick={() => setCurrentTab(tab)} onClick={() => setCurrentTab(tab)}
className={cn( className={cn(
"relative cursor-pointer rounded-3xl px-2.5 py-[8px] text-[13px] font-[600]", "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, "text-stone-950 dark:text-stone-50": currentTab === tab,
}, },