chore: updates

.vscode/settings.json

@@ -1,7 +1,7 @@
 {
   "editor.codeActionsOnSave": {
-    "source.fixAll": false,
+    "source.fixAll": "never",
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit"
   },
   "todohighlight.isCaseSensitive": false,
   "css.validate": false,

package.json

@@ -32,24 +32,24 @@
     "file-saver": "^2.0.5",
     "html2canvas": "^1.4.1",
     "jinrishici": "^1.0.6",
-    "pinyin": "^2.11.2",
+    "pinyin": "^3.1.0",
     "react": "^18.2.0",
     "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^18.2.0",
     "react-github-btn": "^1.4.0",
-    "react-router-dom": "^6.16.0",
+    "react-router-dom": "^6.21.1",
     "smooth-scroll-into-view-if-needed": "^2.0.2",
-    "styled-components": "^6.0.8",
+    "styled-components": "^6.1.2",
     "styled-reset": "^4.5.1"
   },
   "devDependencies": {
-    "@vitejs/plugin-react": "^4.1.0",
+    "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.50.0",
+    "eslint": "^8.56.0",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^3.0.3",
+    "prettier": "^3.1.1",
-    "vite": "^4.4.9"
+    "vite": "^5.0.10"
   },
   "engines": {
     "node": ">=16.0.0",

src/components/InfoModal.jsx

@@ -94,7 +94,7 @@ const Wrapper = styled.section`
       margin-bottom: 0.5rem;
       display: flex;
       justify-content: center;
-      a,
+      > a,
       > span {
         padding: 0 0.4rem;
       }
@@ -108,6 +108,9 @@ const Wrapper = styled.section`
         }
       }
       &.ad {
+        display: flex;
+        /* gap: 8px; */
+
         font-size: 0.5rem;
       }
     }
@@ -166,13 +169,6 @@ export default function InfoModal({ closeModal, bgColor }) {
               Nipponcolors
             </a>
           </span>
-          <span>&</span>
-          <span>
-            数据来源：
-            <a href="http://blog.sina.com.cn/s/blog_5c3b139d0101deia.html" target="_blank">
-              中国传统颜色卡
-            </a>
-          </span>
         </p>
 
         <p>
@@ -185,7 +181,13 @@ export default function InfoModal({ closeModal, bgColor }) {
         </p>
         <p className="ad">
           <span>
-            经典扫雷小游戏
+            更多作品：
+            <a href="//sinqi.tools" target="_blank">
+              Sinqi Tools
+            </a>
+          </span>
+          <span>
+            经典扫雷小游戏：
             <a href="//ohminesweeper.online" target="_blank">
               Minesweeper Online
             </a>