fix: intro.js causes the page to be unclickable

Signed-off-by: The1111mp <The1111mp@outlook.com>
1111mp · Nov 5, 2024 · 1740535 · 1740535
1 parent 246742a
commit 1740535
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -85,5 +85,5 @@
     "typescript": "^5.6.3",
     "vite": "^5.4.10"
   },
-  "packageManager": "pnpm@9.12.2"
+  "packageManager": "pnpm@9.12.3"
 }
diff --git a/src/global.css b/src/global.css
@@ -2,8 +2,14 @@
 @tailwind components;
 @tailwind utilities;
 
+html,body{
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+
 #root {
-	height: 100vh;
+	height: 100%;
 	display: flex;
 	flex-direction: column;
 }

diff --git a/src/pages/home/intro.css b/src/pages/home/intro.css
@@ -46,7 +46,7 @@ tr.introjs-showElement > th {
   font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; 
   box-sizing: content-box;
   position: absolute;
-  visibility: hidden;
+  visibility: visible !important;
   z-index: 120;
   background-color: transparent;
   transition: all 0.3s ease-out;