From fbc4eda27dc1674549e50506cf067b87033e51f8 Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Sat, 11 Jan 2025 18:53:54 +0800
Subject: [PATCH] style: button add hover animation

---
 app/(main)/ClientComponents/detail/ServerDetailClient.tsx | 2 +-
 components/TabSwitch.tsx                                  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/(main)/ClientComponents/detail/ServerDetailClient.tsx b/app/(main)/ClientComponents/detail/ServerDetailClient.tsx
index 2079885..2986438 100644
--- 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
index df6f3fc..1a55c7c 100644
--- 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,
               },