From 452b045e141fc5f3bc763881e93054046fde0063 Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Wed, 11 Dec 2024 15:58:09 +0800
Subject: [PATCH] fix(overview): image opacity

---
 app/(main)/ClientComponents/ServerOverviewClient.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/(main)/ClientComponents/ServerOverviewClient.tsx b/app/(main)/ClientComponents/ServerOverviewClient.tsx
index 011776c..eaad135 100644
--- a/app/(main)/ClientComponents/ServerOverviewClient.tsx
+++ b/app/(main)/ClientComponents/ServerOverviewClient.tsx
@@ -48,7 +48,9 @@ export default function ServerOverviewClient() {
             setFilter(false);
             setStatus("all");
           }}
-          className={cn("cursor-pointer hover:border-blue-500 transition-all")}
+          className={cn(
+            "cursor-pointer hover:border-blue-500 transition-all group",
+          )}
         >
           <CardContent className="flex h-full items-center px-6 py-3">
             <section className="flex flex-col gap-1">
@@ -148,7 +150,7 @@ export default function ServerOverviewClient() {
             setFilter(true);
           }}
           className={cn(
-            "cursor-pointer hover:ring-purple-500 ring-1 ring-transparent transition-all",
+            "cursor-pointer hover:ring-purple-500 ring-1 ring-transparent transition-all group",
             {
               "ring-purple-500 ring-2 border-transparent": filter === true,
             },
@@ -190,7 +192,7 @@ export default function ServerOverviewClient() {
             </section>
             {!disableCartoon && (
               <Image
-                className="pointer-events-none absolute right-3 top-[-85px] z-10 w-20 scale-90 md:scale-100"
+                className="absolute right-3 top-[-85px] z-10 w-20 scale-90 group-hover:opacity-50 md:scale-100 transition-all"
                 alt={"Hamster1963"}
                 src={blogMan}
                 priority