feat: ✨ 完善前端

Author: tcly861204

package.json

@@ -3,6 +3,11 @@
   "private": true,
   "version": "0.0.0",
   "type": "module",
+  "author": {
+    "name": "tcly861204",
+    "email": "[email protected]",
+    "url": "https://github.com/tcly861204"
+  },
   "scripts": {
     "dev": "vite --mode development",
     "build": "tsc && vite build",

src/components/ToolBar/index.tsx

@@ -6,6 +6,7 @@ import {
   IconNotification,
   IconMoon,
   IconSkin,
+  IconGithub,
   IconSettings
 } from '@arco-design/web-react/icon'
 import styles from './index.module.scss'
@@ -59,6 +60,9 @@ const Toolbar = () => {
           </Avatar>
         </Dropdown>
       </li>
+      <li>
+        <IconGithub className='pointer' onClick={() => window.open('https://github.com/tcly861204', '_blank')} style={{ fontSize: 30 }} />
+      </li>
     </Space>
   </div>
 }

src/layout/index.module.scss

@@ -24,7 +24,7 @@
         text-indent: 5px;
       }
       img {
-        height: 40px;
+        height: 36px;
       }
     }
   }

src/layout/index.tsx

@@ -40,7 +40,7 @@ const App = () => {
     </Layout.Header>
     <Layout>
       <Layout.Sider
-        width={220}
+        width={240}
         defaultCollapsed={collapse}
         collapsible={true}
         onCollapse={onCollapse}

src/styles/global.scss

@@ -12,4 +12,8 @@
 
 .cxd-Page-body {
   overflow: auto;
+}
+
+.pointer {
+  cursor: pointer;
 }