style(1.5.0)-beta1): 修复日志组件样式问题

This commit is contained in:
xlsea 2025-04-08 18:12:02 +08:00
parent d7fd6c040c
commit d04311745c

View File

@ -376,7 +376,11 @@ const SnailLogComponent = defineComponent({
const restOfText = throwable.replace(/^.+(\n|$)/m, ''); const restOfText = throwable.replace(/^.+(\n|$)/m, '');
return ( return (
<NCollapseItem title={firstLine[0]} name={`throwable-${message.key}`}> <NCollapseItem title={firstLine[0]} name={`throwable-${message.key}`}>
<NScrollbar content-class="p-8px" class="message-scroll-body">{`${restOfText}`}</NScrollbar> <NScrollbar
content-class="p-8px"
class="message-scroll-body"
y-placement="left"
>{`${restOfText}`}</NScrollbar>
</NCollapseItem> </NCollapseItem>
); );
}; };
@ -394,7 +398,11 @@ const SnailLogComponent = defineComponent({
if (restOfText) { if (restOfText) {
return ( return (
<NCollapseItem title={firstLine[0]} name={`message-${message.key}`}> <NCollapseItem title={firstLine[0]} name={`message-${message.key}`}>
<NScrollbar content-class="p-8px" class="message-scroll-body">{` - ${restOfText}`}</NScrollbar> <NScrollbar
content-class="p-8px"
class="message-scroll-body"
y-placement="left"
>{` - ${restOfText}`}</NScrollbar>
</NCollapseItem> </NCollapseItem>
); );
} }
@ -418,9 +426,9 @@ const SnailLogComponent = defineComponent({
> >
<NVirtualList <NVirtualList
ref={virtualListInst} ref={virtualListInst}
style={{ height: '100%' }}
class="virtual-list" class="virtual-list"
itemSize={85} itemSize={85}
itemResizable
paddingBottom={16} paddingBottom={16}
items={logList.value} items={logList.value}
scrollbarProps={{ xScrollable: true }} scrollbarProps={{ xScrollable: true }}