style: enhance loading indicator and adjust Markdown component styling for consistency

This commit is contained in:
twwu 2025-09-08 10:26:08 +08:00
parent ed9b6f7bce
commit 092e249bfb
2 changed files with 2 additions and 2 deletions

View File

@ -29,7 +29,7 @@ const ResultPreview = ({
<> <>
{isRunning && !outputs && ( {isRunning && !outputs && (
<div className='flex grow flex-col items-center justify-center gap-y-2 pb-20'> <div className='flex grow flex-col items-center justify-center gap-y-2 pb-20'>
<RiLoader2Line className='size-4 animate-spin' /> <RiLoader2Line className='size-4 animate-spin text-text-tertiary' />
<div className='system-sm-regular text-text-tertiary'>{t('pipeline.result.resultPreview.loading')}</div> <div className='system-sm-regular text-text-tertiary'>{t('pipeline.result.resultPreview.loading')}</div>
</div> </div>
)} )}

View File

@ -101,7 +101,7 @@ const DisplayContent = (props: DisplayContentProps) => {
)} )}
{viewMode === ViewMode.Preview && ( {viewMode === ViewMode.Preview && (
previewType === PreviewType.Markdown previewType === PreviewType.Markdown
? <Markdown className='grow overflow-auto rounded-lg !bg-white px-4 py-3' content={(mdString ?? '') as string} /> ? <Markdown className='grow overflow-auto rounded-lg px-4 py-3' content={(mdString ?? '') as string} />
: <ChunkCardList : <ChunkCardList
chunkType={chunkType!} chunkType={chunkType!}
parentMode={parentMode} parentMode={parentMode}