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

style: add border separators to ModelInfoPanel accordion items

Browse Source
This commit is contained in:
Alexander Brown
2026-01-15 18:13:58 -08:00
parent 5de166abdf
commit 9ac345cd8d
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/widget/layout/BaseModalLayout.vue
View File

@@ -67,11 +67,11 @@
</div>
<aside
v-if="hasRightPanel && isRightPanelOpen"
class="flex w-72 shrink-0 bg-modal-panel-background flex-col border-l border-border-default"
class="flex w-72 shrink-0 bg-modal-panel-background flex-col"
>
<header
data-component-id="RightPanelHeader"
class="flex h-16 shrink-0 items-center gap-2 border-b border-border-default px-4"
class="flex h-16 shrink-0 items-center gap-2 px-4"
>
<h2 v-if="rightPanelTitle" class="flex-1 text-lg font-semibold">
{{ rightPanelTitle }}

8
src/platform/assets/components/modelInfo/ModelInfoPanel.vue
View File

@@ -3,7 +3,7 @@
data-component-id="ModelInfoPanel"
class="flex h-full flex-col scrollbar-custom"
>
<PropertiesAccordionItem class="bg-transparent">
<PropertiesAccordionItem :class="accordionClass">
<template #label>
<span class="text-xs uppercase font-inter">
{{ $t('assetBrowser.modelInfo.basicInfo') }}
@@ -32,7 +32,7 @@
</ModelInfoField>
</PropertiesAccordionItem>
<PropertiesAccordionItem class="bg-transparent">
<PropertiesAccordionItem :class="accordionClass">
<template #label>
<span class="text-xs uppercase font-inter">
{{ $t('assetBrowser.modelInfo.modelTagging') }}
@@ -66,7 +66,7 @@
</ModelInfoField>
</PropertiesAccordionItem>
<PropertiesAccordionItem class="bg-transparent">
<PropertiesAccordionItem :class="accordionClass">
<template #label>
<span class="text-xs uppercase font-inter">
{{ $t('assetBrowser.modelInfo.modelDescription') }}
@@ -113,6 +113,8 @@ import {
import ModelInfoField from './ModelInfoField.vue'
const accordionClass = 'bg-transparent border-t border-border-default'
const { asset } = defineProps<{
asset: AssetDisplayItem
}>()