💄 更新部分按钮icon图标

Author: Littlefean

app/src/pages/_app.tsx

@@ -1,6 +1,6 @@
 import { LogicalSize } from "@tauri-apps/api/dpi";
 import { useAtom } from "jotai";
-import { ChevronDown, ChevronLeft, ChevronUp, Cpu, Diamond, Menu, SquareArrowUp, Tag, X, Zap } from "lucide-react";
+import { ChevronLeft, Copy, Cpu, Menu, Minus, PanelTop, Square, Tag, X, Zap } from "lucide-react";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { Outlet, useLocation, useNavigate } from "react-router-dom";
@@ -404,7 +404,7 @@ export default function App() {
                 }}
                 tooltip={isWindowCollapsing ? "展开并取消顶置窗口" : "进入迷你窗口模式"}
               >
-                <SquareArrowUp className={cn("cursor-pointer", isWindowCollapsing ? "rotate-180 scale-125" : "")} />
+                <PanelTop className={cn("cursor-pointer", isWindowCollapsing ? "rotate-180 scale-125" : "")} />
               </IconButton>
             )}
 
@@ -413,23 +413,26 @@ export default function App() {
               <Button
                 className={cn("right-4 top-4 flex items-center gap-1 active:scale-100", isClassroomMode && "opacity-0")}
               >
-                <ChevronDown
+                {/* 最小化 */}
+                <Minus
                   onClick={() => getCurrentWindow().minimize()}
                   className="transition hover:opacity-80 active:scale-75"
                 />
+                {/* 最大化/取消窗口最大化 */}
                 {maxmized ? (
-                  <Diamond
+                  <Copy
                     onClick={() => setMaxmized(false)}
                     size={16}
                     strokeWidth={3}
                     className="transition hover:opacity-80 active:scale-75"
                   />
                 ) : (
-                  <ChevronUp
+                  <Square
                     onClick={() => setMaxmized(true)}
-                    className="transition hover:opacity-80 active:scale-75"
+                    className="scale-75 transition hover:opacity-80 active:scale-75"
                   />
                 )}
+                {/* 退出 */}
                 <X onClick={() => getCurrentWindow().close()} className="transition hover:opacity-80 active:scale-75" />
               </Button>
             )}

app/src/pages/_app_menu.tsx

@@ -7,15 +7,12 @@ import {
   Dock,
   File,
   FileCode,
-  FilePlus,
-  FileText,
   FileType,
   Folder,
   FolderCog,
   FolderOpen,
   Fullscreen,
   Info,
-  Laugh,
   Monitor,
   MonitorX,
   MoreHorizontal,
@@ -33,6 +30,11 @@ import {
   Undo,
   View,
   Image as ImageIcon,
+  FileClock,
+  FileInput,
+  FilePlus2,
+  FileDown,
+  Rabbit,
 } from "lucide-react";
 import React, { useEffect } from "react";
 import { useNavigate } from "react-router-dom";
@@ -379,23 +381,23 @@ export default function AppMenu({ className = "", open = false }: { className?:
       onPointerDown={(e) => e.stopPropagation()}
     >
       <Row icon={<File />} title={t("file.title")}>
-        <Col icon={<FilePlus />} onClick={onNewDraft}>
+        <Col icon={<FilePlus2 />} onClick={onNewDraft}>
           {t("file.items.new")}
         </Col>
-        <Col icon={<FileText />} onClick={onOpen}>
+        <Col icon={<FileInput />} onClick={onOpen}>
           {t("file.items.open")}
         </Col>
         {!isWeb && (
           <>
-            <Col icon={<FileText />} onClick={() => setRecentFilePanelOpen(true)}>
+            <Col icon={<FileClock />} onClick={() => setRecentFilePanelOpen(true)}>
               {t("file.items.recent")}
             </Col>
             <Col icon={<Save />} onClick={onSave}>
               {t("file.items.save")}
             </Col>
           </>
         )}
-        <Col icon={<Save />} onClick={onSaveNew}>
+        <Col icon={<FileDown />} onClick={onSaveNew}>
           {t("file.items.saveAs")}
         </Col>
 
@@ -552,7 +554,7 @@ export default function AppMenu({ className = "", open = false }: { className?:
           {isClassroomMode ? "退出专注" : "专注模式"}
         </Col>
         <Col
-          icon={<Laugh />}
+          icon={<Rabbit />}
           className="opacity-20 hover:opacity-50"
           onClick={() => {
             navigate("/secret");

app/src/pages/secret.tsx

@@ -26,7 +26,7 @@ export default function SecretPage() {
     <div className="h-full overflow-x-auto px-4 py-24">
       <h2 className="text-center text-xl font-bold">
         <span>秘籍键列表</span>
-        {conflictKeys.length === 0 && <span>😺</span>}
+        {conflictKeys.length === 0 && <span>🐇</span>}
         {conflictKeys.length > 0 && <span> 出现冲突</span>}
       </h2>
       {conflictKeys.length > 0 && (