Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-30 11:11:53 +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 13b4c88754
commit f7c73797b1
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> </div>
<aside <aside
v-if="hasRightPanel && isRightPanelOpen" 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 <header
data-component-id="RightPanelHeader" 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"> <h2 v-if="rightPanelTitle" class="flex-1 text-lg font-semibold">
{{ rightPanelTitle }} {{ rightPanelTitle }}

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

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