Fix sidebar tab bg color (#1229)

* Fix node library sidebar style

* Fix styles

* nit
This commit is contained in:
Chenlei Hu
2024-10-11 15:04:29 -04:00
committed by GitHub
parent f328d4cd81
commit c2377b62ac
5 changed files with 34 additions and 52 deletions

View File

@@ -1,15 +1,18 @@
<template>
<SidebarTabTemplate :title="$t('sideToolbar.modelLibrary')">
<SidebarTabTemplate
:title="$t('sideToolbar.modelLibrary')"
class="bg-[var(--p-tree-background)]"
>
<template #header>
<SearchBox
class="model-lib-search-box mx-4 mt-4"
class="model-lib-search-box p-4"
v-model:modelValue="searchQuery"
:placeholder="$t('searchModels') + '...'"
/>
</template>
<template #body>
<TreeExplorer
class="model-lib-tree-explorer mt-1"
class="model-lib-tree-explorer py-0"
:roots="renderedRoot.children"
v-model:expandedKeys="expandedKeys"
@nodeClick="handleNodeClick"
@@ -209,15 +212,9 @@ watch(
)
</script>
<style>
.pi-fake-spacer {
<style scoped>
:deep(.pi-fake-spacer) {
height: 1px;
width: 16px;
}
</style>
<style scoped>
:deep(.comfy-vue-side-bar-body) {
background: var(--p-tree-background);
}
</style>