Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-03-02 11:40:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix helper menu issues and align with the design. (#4261)

Browse Source
This commit is contained in:
ComfyUI Wiki
2025-07-01 09:36:09 +08:00
committed by GitHub
parent 64a2a5b3ae
commit c75015c5b8
2 changed files with 21 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/sidebar/tabs/nodeLibrary/NodeHelpPage.vue
View File

@@ -12,7 +12,7 @@
/>
<span class="ml-2 font-semibold">{{ node.display_name }}</span>
</div>
<div class="p-4 flex-grow node-help-content max-w-[600px] mx-auto">
<div class="p-4 flex-grow node-help-content w-full mx-auto">
<ProgressSpinner
v-if="isLoading"
class="m-auto"
@@ -188,7 +188,7 @@ const outputList = computed(() =>
.markdown-content :deep(li),
.fallback-content li {
@apply my-1;
@apply my-2;
}
.markdown-content :deep(*:first-child),
@@ -198,7 +198,9 @@ const outputList = computed(() =>
.markdown-content :deep(code),
.fallback-content code {
@apply text-[var(--error-text)] bg-[var(--content-bg)] rounded px-1 py-0.5;
color: var(--code-text-color);
background-color: var(--code-bg-color);
@apply rounded px-1.5 py-0.5;
}
.markdown-content :deep(table),
@@ -227,4 +229,15 @@ const outputList = computed(() =>
.fallback-content thead {
border-bottom: 1px solid var(--p-text-color);
}
.markdown-content :deep(pre),
.fallback-content pre {
@apply rounded p-4 my-4 overflow-x-auto;
background-color: var(--code-block-bg-color);
code {
@apply bg-transparent p-0;
color: var(--p-text-color);
}
}
</style>