From c2723a793bb87abb72aec988e34e7a82b572b119 Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Tue, 5 Aug 2025 06:35:52 +0800
Subject: [PATCH] =?UTF-8?q?refactor(src):=20=E6=9B=B4=E6=96=B0=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E5=9B=BE=E6=A0=87=E5=B9=B6=E4=BC=98=E5=8C=96=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将 tabler 图标替换为 hugeicons 图标
- 修改菜单按钮样式，增加 hover 和 active 状态
- 调整图标大小和样式
---
 src/Layout.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/Layout.tsx b/src/Layout.tsx
index 8d1c3df..8955a72 100644
--- a/src/Layout.tsx
+++ b/src/Layout.tsx
@@ -31,28 +31,28 @@ const Layout: ParentComponent = (props) => {
         classList={{ 'ps-20': os === 'macos' }}
         data-tauri-drag-region>
         <NavigateLink href="/" end={true}>
-          <Icon icon="tabler:folder" class="text-[14px] stroke-1" />
+          <Icon icon="hugeicons:folder-01" class="text-[14px] stroke-1" />
           <span class="navigate">Models</span>
         </NavigateLink>
         <NavigateLink href="/browse">
-          <Icon icon="tabler:world" class="text-[14px] stroke-1" />
+          <Icon icon="hugeicons:globe-02" class="text-[14px] stroke-1" />
           <span class="navigate">Browse</span>
         </NavigateLink>
         <NavigateLink href="/download">
-          <Icon icon="tabler:download" class="text-[14px] stroke-1" />
+          <Icon icon="hugeicons:download-04" class="text-[14px] stroke-1" />
           <span class="navigate">Download</span>
         </NavigateLink>
         <NavigateLink href="/prompt">
-          <Icon icon="tabler:input-ai" class="text-[14px] stroke-1" />
+          <Icon icon="hugeicons:ai-generative" class="text-[14px] stroke-1" />
           <span class="navigate">Prompt</span>
         </NavigateLink>
         <NavigateLink href="/setting">
-          <Icon icon="tabler:settings" class="text-[14px] stroke-1" />
+          <Icon icon="hugeicons:settings-01" class="text-[14px] stroke-1" />
           <span class="navigate">Settings</span>
         </NavigateLink>
-        <div class="ml-auto h-8 p-2 flex flex-row justify-center items-center border-l border-outline">
-          <Icon icon="hugeicons:menu-01" class="text-[14px] stroke-1" />
-        </div>
+        <button class="ml-auto h-8 p-2 bg-transparent hover:bg-neutral-hover/45 active:bg-neutral-active/45 text-on-surface">
+          <Icon icon="hugeicons:menu-01" class="text-base/[1] stroke-1" />
+        </button>
       </header>
       <div class="flex flex-row items-stretch gap-0 grow overflow-hidden">{props.children}</div>
     </main>