更换 目录图标 #1346

dashboard/src/assets/icon/index.tsx

@@ -84,7 +84,7 @@ const HandOutlined = () => (
 
 const ColumnOutlined = () => (
   <svg
-    viewBox="0 0 1024 1024"
+    viewBox="150 150 874 874"
     version="1.1"
     xmlns="http://www.w3.org/2000/svg"
     p-id="865"
@@ -93,11 +93,13 @@ const ColumnOutlined = () => (
     fill="currentColor"
   >
     <path
-      d="M176 177h672v672H176V177z m-56-64a8 8 0 0 0-8 8v760c0 17.673 14.327 32 32 32h736c17.673 0 32-14.327 32-32V121a8 8 0 0 0-8-8H120z"
-      p-id="866"
+      d="M824.888889 170.666667H199.111111a56.888889 56.888889 0 0 0-56.888889 56.888889v568.888888a56.888889 56.888889 0 0 0 56.888889 56.888889h625.777778a56.888889 56.888889 0 0 0 56.888889-56.888889V227.555556a56.888889 56.888889 0 0 0-56.888889-56.888889z m0 597.333333a28.444444 28.444444 0 0 1-28.444445 28.444444H227.555556a28.444444 28.444444 0 0 1-28.444445-28.444444V256a28.444444 28.444444 0 0 1 28.444445-28.444444h568.888888a28.444444 28.444444 0 0 1 28.444445 28.444444z"
+      p-id="1478"
+    ></path>
+    <path
+      d="M512 256m28.444444 0l227.555556 0q28.444444 0 28.444444 28.444444l0 455.111112q0 28.444444-28.444444 28.444444l-227.555556 0q-28.444444 0-28.444444-28.444444l0-455.111112q0-28.444444 28.444444-28.444444Z"
+      p-id="1479"
     ></path>
-    <path d="M164 159h700v82H164v-82z" p-id="867"></path>
-    <path d="M546 177v700h-64V177h64z" p-id="868"></path>
   </svg>
 );
 

dashboard/src/pages/library/article/show.tsx

@@ -1,9 +1,9 @@
-import { Affix, Button, Divider, Space } from "antd";
+import { Affix, Button, Divider, Space, Tooltip } from "antd";
 import { Header } from "antd/lib/layout/layout";
 import { Key } from "antd/lib/table/interface";
 import { useEffect, useState } from "react";
 import { useNavigate, useParams, useSearchParams } from "react-router-dom";
-import { FieldTimeOutlined } from "@ant-design/icons";
+import { FieldTimeOutlined, UnorderedListOutlined } from "@ant-design/icons";
 
 import { ColumnOutlinedIcon } from "../../../assets/icon";
 import { IArticleDataResponse } from "../../../components/api/Article";
@@ -172,20 +172,26 @@ const Widget = () => {
               }}
             />
             <Divider type="vertical" />
-            <Button
-              style={{ display: "block", color: "white" }}
-              icon={<ColumnOutlinedIcon />}
-              type="text"
-              onClick={() => setAnchorNavOpen((value) => !value)}
-            />
-            <Button
-              style={{ display: "block", color: "white" }}
-              icon={<ColumnOutlinedIcon />}
-              type="text"
-              onClick={() =>
-                setRightPanel((value) => (value === "close" ? "open" : "close"))
-              }
-            />
+            <Tooltip title="文章目录" placement="bottomLeft">
+              <Button
+                style={{ display: "block", color: "white" }}
+                icon={<UnorderedListOutlined />}
+                type="text"
+                onClick={() => setAnchorNavOpen((value) => !value)}
+              />
+            </Tooltip>
+            <Tooltip title="侧边栏" placement="bottomLeft">
+              <Button
+                style={{ display: "block", color: "white" }}
+                icon={<ColumnOutlinedIcon />}
+                type="text"
+                onClick={() =>
+                  setRightPanel((value) =>
+                    value === "close" ? "open" : "close"
+                  )
+                }
+              />
+            </Tooltip>
           </Space>
         </Header>
       </Affix>