From c3668402d5e0de735ffd4dec87778ebe353aa7a5 Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Sun, 15 Dec 2024 21:21:44 +0800
Subject: [PATCH] fix: image z-index

---
 src/components/ServerOverview.tsx | 18 +++---------------
 1 file changed, 3 insertions(+), 15 deletions(-)

diff --git a/src/components/ServerOverview.tsx b/src/components/ServerOverview.tsx
index 3b285ea..27b82fb 100644
--- a/src/components/ServerOverview.tsx
+++ b/src/components/ServerOverview.tsx
@@ -1,5 +1,4 @@
 import { Card, CardContent } from "@/components/ui/card"
-import useFilter from "@/hooks/use-filter"
 import { useStatus } from "@/hooks/use-status"
 import { formatBytes } from "@/lib/format"
 import { cn } from "@/lib/utils"
@@ -27,7 +26,6 @@ export default function ServerOverview({
 }: ServerOverviewProps) {
   const { t } = useTranslation()
   const { status, setStatus } = useStatus()
-  const { filter, setFilter } = useFilter()
 
   // @ts-expect-error DisableAnimatedMan is a global variable
   const disableAnimatedMan = window.DisableAnimatedMan === "true"
@@ -37,7 +35,6 @@ export default function ServerOverview({
       <section className="grid grid-cols-2 gap-4 lg:grid-cols-4">
         <Card
           onClick={() => {
-            setFilter(false)
             setStatus("all")
           }}
           className={cn("hover:border-blue-500 cursor-pointer transition-all")}
@@ -56,7 +53,6 @@ export default function ServerOverview({
         </Card>
         <Card
           onClick={() => {
-            setFilter(false)
             setStatus("online")
           }}
           className={cn(
@@ -84,7 +80,6 @@ export default function ServerOverview({
         </Card>
         <Card
           onClick={() => {
-            setFilter(false)
             setStatus("offline")
           }}
           className={cn(
@@ -110,15 +105,8 @@ export default function ServerOverview({
           </CardContent>
         </Card>
         <Card
-          onClick={() => {
-            setStatus("all")
-            setFilter(true)
-          }}
           className={cn(
-            "cursor-pointer hover:ring-purple-500 ring-1 ring-transparent transition-all",
-            {
-              "ring-purple-500 ring-2 border-transparent": filter === true,
-            },
+            "hover:ring-purple-500 ring-1 ring-transparent transition-all",
           )}
         >
           <CardContent className="flex h-full items-center relative px-6 py-3">
@@ -126,7 +114,7 @@ export default function ServerOverview({
               <div className="flex items-center w-full justify-between">
                 <p className="text-sm font-medium md:text-base">{t("serverOverview.network")}</p>
               </div>
-              <section className="flex items-start flex-row z-[999] pr-0 gap-1">
+              <section className="flex items-start flex-row z-10 pr-0 gap-1">
                 <p className="sm:text-[12px] text-[10px] text-blue-800 dark:text-blue-400   text-nowrap font-medium">
                   ↑{formatBytes(up)}
                 </p>
@@ -147,7 +135,7 @@ export default function ServerOverview({
             </section>
             {!disableAnimatedMan && (
               <img
-                className="absolute right-3 top-[-85px] z-10 w-20 scale-90 group-hover:opacity-50 md:scale-100 transition-all"
+                className="absolute right-3 top-[-85px] z-50 w-20 scale-90 group-hover:opacity-50 md:scale-100 transition-all"
                 alt={"animated-man"}
                 src={"/animated-man.webp"}
                 loading="eager"