GithubBackup/PicList
1
0
Fork 0
mirror of https://github.com/Kuingsmile/PicList.git synced 2026-07-29 09:48:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix(custom): fix an issue settings will be saved multi times in process setting page

Browse Source
This commit is contained in:
Kuingsmile
2026-01-10 12:41:32 +08:00
parent a569068678
commit acbe646394
12 changed files with 928 additions and 809 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/renderer/components/NavigationPage.vue
View File

@@ -1,7 +1,7 @@
<template>
<nav class="navigation" :class="{ collapsed: isCollapsed }">
<div class="title-bar">
<div v-if="!isCollapsed" class="app-title">
<div v-show="!isCollapsed" class="app-title">
<div class="app-text" @click="openGithubPage">
{{ t('app.title') }}
</div>
@@ -12,8 +12,7 @@
class="collapse-button"
@click="isCollapsed = !isCollapsed"
>
<ChevronLeftIcon v-if="!isCollapsed" :size="20" />
<ChevronRightIcon v-else :size="20" />
<component :is="isCollapsed ? ChevronRightIcon : ChevronLeftIcon" :size="20" />
</button>
</div>
@@ -33,10 +32,10 @@
<div class="nav-icon-container">
<component :is="item.icon" :size="18" />
</div>
<span v-if="!isCollapsed" class="nav-label">{{ item.name }}</span>
<span v-show="!isCollapsed" class="nav-label">{{ item.name }}</span>
</div>
<Disclosure v-if="!isCollapsed" v-slot="{ open }" as="div" class="nav-submenu">
<Disclosure v-show="!isCollapsed" v-slot="{ open }" as="div" class="nav-submenu">
<DisclosureButton class="nav-item submenu-trigger">
<div class="nav-icon-container">
<DatabaseIcon :size="18" />
@@ -55,7 +54,12 @@
</div>
</DisclosurePanel>
</Disclosure>
<div v-else class="nav-item collapsed-picbed" :title="t('navigation.picbed')" @click="isCollapsed = !isCollapsed">
<div
v-show="isCollapsed"
class="nav-item collapsed-picbed"
:title="t('navigation.picbed')"
@click="isCollapsed = !isCollapsed"
>
<div class="nav-icon-container">
<DatabaseIcon :size="18" />
</div>
@@ -72,7 +76,7 @@
<div class="nav-icon-container">
<component :is="item.icon" :size="18" />
</div>
<span v-if="!isCollapsed" class="nav-label">{{ item.name }}</span>
<span v-show="!isCollapsed" class="nav-label">{{ item.name }}</span>
</div>
</div>
<div class="sidebar-footer">