Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-05-01 19:51:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add about panel in settings dialog (#799)

Browse Source 
* basic about page

* Remove frontend version from setting dialog header

* Style about page

* basic system stats

* Basic styling

* Reword

* Format memory amount
This commit is contained in:
Chenlei Hu
2024-09-12 17:31:19 +09:00
committed by GitHub
parent d2b3e325a4
commit 637f5b501e
8 changed files with 227 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/dialog/content/SettingDialogContent.vue
View File

@@ -51,6 +51,9 @@
}"
/>
</TabPanel>
<TabPanel key="about" value="About">
<AboutPanel />
</TabPanel>
</TabPanels>
</Tabs>
</div>
@@ -70,17 +73,25 @@ import SettingGroup from './setting/SettingGroup.vue'
import SearchBox from '@/components/common/SearchBox.vue'
import NoResultsPlaceholder from '@/components/common/NoResultsPlaceholder.vue'
import { flattenTree } from '@/utils/treeUtil'
import AboutPanel from './setting/AboutPanel.vue'
interface ISettingGroup {
label: string
settings: SettingParams[]
}
const aboutPanelNode: SettingTreeNode = {
key: 'about',
label: 'About',
children: []
}
const settingStore = useSettingStore()
const settingRoot = computed<SettingTreeNode>(() => settingStore.settingTree)
const categories = computed<SettingTreeNode[]>(
() => settingRoot.value.children || []
)
const categories = computed<SettingTreeNode[]>(() => [
...(settingRoot.value.children || []),
aboutPanelNode
])
const activeCategory = ref<SettingTreeNode | null>(null)
const searchResults = ref<ISettingGroup[]>([])