增加判断路径来返回宽度

增加点击效果
buyfakett · Feb 24, 2025 · 03e7756 · 03e7756
1 parent 7b2ffa6
commit 03e7756
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/src/util/Comment.jsx b/src/util/Comment.jsx
@@ -1,9 +1,27 @@
 import React from 'react';
 import Giscus from '@giscus/react';
+import { useLocation } from 'react-router';
 
 const Comment = () => {
+    const location = useLocation(); // 获取当前路径
+    const currentPath = location.pathname;
+    let commentWidth;
+
+    switch (currentPath) {
+        case '/pictures':
+        case '/coffee':
+            commentWidth = 'w-[80%]';
+            break;
+        case '/projects':
+            commentWidth = 'w-[70%]';
+            break;
+        default:
+            commentWidth = 'w-[60%]';
+            break;
+    }
+
     return (
-        <div className="w-[60%] mx-auto mt-10">
+        <div className={`${commentWidth} mx-auto mt-10`}>
             <Giscus
                 id="comments"
                 repo="buyfakett/blog-comments"

diff --git a/src/view/AboutMe/OpenSourceProjects.jsx b/src/view/AboutMe/OpenSourceProjects.jsx
@@ -50,7 +50,7 @@ const OpenSourceProjects = () => {
                             navigate('/projects');
                             window.scrollTo(0, 0);
                         }}
-                        className="flex items-center gap-2 text-white ml-auto mr-10">
+                        className="flex items-center cursor-pointer gap-2 text-white ml-auto mr-10">
                         <CiLink className="w-5 h-5" />
                         <span className="text-sm">More Projects</span>
                     </button>