style: button add hover animation

lingbaoboy · Jan 11, 2025 · fbc4eda · fbc4eda
1 parent b265b68
commit fbc4eda
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/(main)/ClientComponents/detail/ServerDetailClient.tsx b/app/(main)/ClientComponents/detail/ServerDetailClient.tsx
@@ -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}

diff --git a/components/TabSwitch.tsx b/components/TabSwitch.tsx
@@ -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,
               },