feat: nav link

src/ui/Layout/index.module.scss

@@ -4,7 +4,7 @@
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  padding: 0 2rem;
+  padding: 0 2rem 0 1rem;
   gap: 1.5rem;
   box-sizing: border-box;
   .logo-container {
@@ -27,7 +27,7 @@
     }
   }
 
-  a {
+  .link {
     color: white;
     font-size: 0.825rem;
     line-height: var(--header-height);

src/ui/Layout/index.tsx

@@ -44,20 +44,33 @@ export const Component = () => {
     <>
       {!pathnamesHideHeader.includes(pathname) && (
         <nav className={styles.navbar}>
-          <div className={styles["logo-container"]}>
+          <a
+            href="https://github.com/DarkNeos/neos-ts"
+            title="repo"
+            className={styles["logo-container"]}
+          >
             <img
               className={styles.logo}
               src={`${NeosConfig.assetsPath}/neos-logo.svg`}
               alt="NEOS"
             />
-          </div>
-          <NavLink to="/">主页</NavLink>
-          <NavLink to="/match">匹配</NavLink>
-          <NavLink to="/build">组卡</NavLink>
+          </a>
+
+          <NavLink to="/" className={styles.link}>
+            主页
+          </NavLink>
+          <NavLink to="/match" className={styles.link}>
+            匹配
+          </NavLink>
+          <NavLink to="/build" className={styles.link}>
+            组卡
+          </NavLink>
           <span style={{ flexGrow: 1 }} />
           <span className={styles.profile}>
             <NeosAvatar />
-            <NavLink to="/profile">个人中心</NavLink>
+            <NavLink to="/profile" className={styles.link}>
+              个人中心
+            </NavLink>
           </span>
         </nav>
       )}