Chore: frontend infrastructure upgrade (#16420)

Co-authored-by: NFish <douxc512@gmail.com>
Co-authored-by: zxhlyh <jasonapring2015@outlook.com>
Co-authored-by: twwu <twwu@dify.ai>
Co-authored-by: jZonG <jzongcode@gmail.com>
This commit is contained in:
Joel
2025-03-21 17:41:03 +08:00
committed by GitHub
parent e61415223b
commit 7709d9df20
1435 changed files with 13372 additions and 11612 deletions

View File

@@ -11,7 +11,7 @@ const itemConfig = Array.from({ length: 8 }).map((_, index) => {
const Loading = () => {
return <div className='relative w-full overflow-y-hidden'>
<div className='absolute z-10 top-0 left-0 w-full h-full bg-dataset-chunk-list-mask-bg' />
<div className='absolute left-0 top-0 z-10 h-full w-full bg-dataset-chunk-list-mask-bg' />
{itemConfig.map((config, index) => <Item key={index} {...config} />)}
</div>
}

View File

@@ -15,19 +15,19 @@ const Item: FC<ItemProps> = ({
isLast,
}) => {
return (
<div className='flex gap-x-1 relative p-2' >
{!isLast && <div className='absolute w-0.5 h-[calc(100%-0.75rem)] left-4 top-6 bg-divider-subtle' />}
<div className=' flex items-center justify-center shrink-0 w-[18px] h-5'>
<div className='w-2 h-2 border-[2px] rounded-lg border-text-quaternary' />
<div className='relative flex gap-x-1 p-2' >
{!isLast && <div className='absolute left-4 top-6 h-[calc(100%-0.75rem)] w-0.5 bg-divider-subtle' />}
<div className=' flex h-5 w-[18px] shrink-0 items-center justify-center'>
<div className='h-2 w-2 rounded-lg border-[2px] border-text-quaternary' />
</div>
<div className='flex flex-col grow gap-y-0.5'>
<div className='flex items-center h-3.5'>
<div className={cn('h-2 w-full bg-text-quaternary rounded-sm opacity-20', titleWidth)} />
<div className='flex grow flex-col gap-y-0.5'>
<div className='flex h-3.5 items-center'>
<div className={cn('h-2 w-full rounded-sm bg-text-quaternary opacity-20', titleWidth)} />
</div>
{
!isFirst && (
<div className='flex items-center h-3'>
<div className={cn('h-1.5 w-full bg-text-quaternary rounded-sm opacity-20', releaseNotesWidth)} />
<div className='flex h-3 items-center'>
<div className={cn('h-1.5 w-full rounded-sm bg-text-quaternary opacity-20', releaseNotesWidth)} />
</div>
)
}