xt/comfy-downloader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(src): 更新导航图标并优化菜单按钮

Browse Source 
- 将 tabler 图标替换为 hugeicons 图标
- 修改菜单按钮样式，增加 hover 和 active 状态
- 调整图标大小和样式
This commit is contained in:
Vixalie
2025-08-05 06:35:52 +08:00
parent 627bbde46e
commit c2723a793b
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/Layout.tsx
View File

@@ -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>