From 80fe17c879b9f839ba54fcba06a7580e835ec865 Mon Sep 17 00:00:00 2001
From: mereith <wanglu@mereith.com>
Date: Sat, 6 May 2023 01:33:57 +0800
Subject: [PATCH] =?UTF-8?q?style:=20z-index=20=E4=BD=BF=E7=94=A8=E4=BF=9D?=
 =?UTF-8?q?=E5=AE=88=E7=9A=84=E6=95=B0=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/website/components/NavBar/index.tsx     | 2 +-
 packages/website/components/NavBar/item.tsx      | 2 +-
 packages/website/components/SearchCard/index.tsx | 2 +-
 packages/website/styles/back-to-top.module.css   | 2 +-
 packages/website/styles/globals.css              | 2 +-
 packages/website/styles/side-bar.css             | 2 +-
 packages/website/styles/zoom.css                 | 4 ++--
 7 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/website/components/NavBar/index.tsx b/packages/website/components/NavBar/index.tsx
index c271c5209..d53bd900a 100644
--- a/packages/website/components/NavBar/index.tsx
+++ b/packages/website/components/NavBar/index.tsx
@@ -59,7 +59,7 @@ export default function (props: {
       <div
         id="nav"
         className=" bg-white sticky top-0 dark:bg-dark nav-shadow dark:nav-shadow-dark"
-        style={{ zIndex: 1200 }}
+        style={{ zIndex: 90 }}
       >
         {/* 上面的导航栏 */}
         <div
diff --git a/packages/website/components/NavBar/item.tsx b/packages/website/components/NavBar/item.tsx
index 4a267d8f1..cd47ec098 100644
--- a/packages/website/components/NavBar/item.tsx
+++ b/packages/website/components/NavBar/item.tsx
@@ -76,7 +76,7 @@ function LinkItemWithChildren(props: { item: MenuItem }) {
             top: 50,
             left: "-4px",
             transform: show ? "scale(100%)" : "scale(0)",
-            zIndex: 999,
+            zIndex: 80,
           }}
           onMouseEnter={() => {
             setHoverSub(true);
diff --git a/packages/website/components/SearchCard/index.tsx b/packages/website/components/SearchCard/index.tsx
index 9543d0049..555c53589 100644
--- a/packages/website/components/SearchCard/index.tsx
+++ b/packages/website/components/SearchCard/index.tsx
@@ -105,7 +105,7 @@ export default function (props: {
     <div
       className="fixed w-full h-full top-0 left-0 right-0 bottom-0  justify-center items-center flex"
       style={{
-        zIndex: 1300,
+        zIndex: 100,
         backgroundColor: "rgba(0,0,0,0.4)",
         visibility: props.visible ? "visible" : "hidden",
       }}
diff --git a/packages/website/styles/back-to-top.module.css b/packages/website/styles/back-to-top.module.css
index 23f53aa08..69cd9cc2c 100644
--- a/packages/website/styles/back-to-top.module.css
+++ b/packages/website/styles/back-to-top.module.css
@@ -9,7 +9,7 @@
   height: 42px;
   background-color: #fff;
   font-size: 40px;
-  z-index: 999;
+  z-index: 90;
   cursor: pointer;
   text-align: center;
   box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15);
diff --git a/packages/website/styles/globals.css b/packages/website/styles/globals.css
index c17b54eb8..efa6fa26a 100644
--- a/packages/website/styles/globals.css
+++ b/packages/website/styles/globals.css
@@ -115,7 +115,7 @@
 .headroom {
   will-change: transform;
   transition: transform 200ms linear;
-  z-index: 999;
+  z-index: 100;
 }
 .headroom--pinned {
   transform: translateY(0%);
diff --git a/packages/website/styles/side-bar.css b/packages/website/styles/side-bar.css
index 69ee1e71b..3f7fa97c9 100644
--- a/packages/website/styles/side-bar.css
+++ b/packages/website/styles/side-bar.css
@@ -44,7 +44,7 @@ Note: Beware of modifying this element as it can break the animations - you shou
   font-size: 1.15em;
   width: 250px;
   box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
-  z-index: 1002;
+  z-index: 110;
 }
 .dark .bm-menu {
   background: #26282c;
diff --git a/packages/website/styles/zoom.css b/packages/website/styles/zoom.css
index ed8a83686..d2e07957d 100644
--- a/packages/website/styles/zoom.css
+++ b/packages/website/styles/zoom.css
@@ -1,5 +1,5 @@
 .medium-zoom-overlay {
-  z-index: 1300;
+  z-index: 200;
   background: white !important;
 }
 
@@ -8,5 +8,5 @@
 }
 
 .medium-zoom-image--opened {
-  z-index: 1400;
+  z-index: 210;
 }