style: add border separators to ModelInfoPanel accordion items

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

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
}>()