From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001
From: wwf <yearningwang@iqtogether.com>
Date: 星期三, 04 六月 2025 15:17:49 +0800
Subject: [PATCH] 初始化
---
app/components/datasets/documents/detail/completed/skeleton/paragraph-list-skeleton.tsx | 20 ++++++++++----------
1 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/app/components/datasets/documents/detail/completed/skeleton/paragraph-list-skeleton.tsx b/app/components/datasets/documents/detail/completed/skeleton/paragraph-list-skeleton.tsx
index eb01feb..4e88d49 100644
--- a/app/components/datasets/documents/detail/completed/skeleton/paragraph-list-skeleton.tsx
+++ b/app/components/datasets/documents/detail/completed/skeleton/paragraph-list-skeleton.tsx
@@ -11,8 +11,8 @@
const CardSkelton = React.memo(() => {
return (
- <SkeletonContainer className='gap-y-0 p-1 pb-2'>
- <SkeletonContainer className='gap-y-0.5 px-2 pt-1.5'>
+ <SkeletonContainer className='p-1 pb-2 gap-y-0'>
+ <SkeletonContainer className='px-2 pt-1.5 gap-y-0.5'>
<SkeletonRow className='py-0.5'>
<SkeletonRectangle className='w-[72px] bg-text-quaternary' />
<SkeletonPoint className='opacity-20' />
@@ -21,7 +21,7 @@
<SkeletonRectangle className='w-24 bg-text-quaternary' />
<SkeletonRow className='grow justify-end gap-1'>
<SkeletonRectangle className='w-12 bg-text-quaternary' />
- <SkeletonRectangle className='mx-1 w-2 bg-text-quaternary' />
+ <SkeletonRectangle className='w-2 bg-text-quaternary mx-1' />
</SkeletonRow>
</SkeletonRow>
<SkeletonRow className='py-0.5'>
@@ -36,8 +36,8 @@
</SkeletonContainer>
<SkeletonContainer className='p-1 pb-2'>
<SkeletonRow>
- <SkeletonRow className='h-7 gap-x-0.5 rounded-lg bg-dataset-child-chunk-expand-btn-bg pl-1 pr-3'>
- <RiArrowRightSLine className='h-4 w-4 text-text-secondary opacity-20' />
+ <SkeletonRow className='h-7 pl-1 pr-3 gap-x-0.5 rounded-lg bg-dataset-child-chunk-expand-btn-bg'>
+ <RiArrowRightSLine className='w-4 h-4 text-text-secondary opacity-20' />
<SkeletonRectangle className='w-32 bg-text-quaternary' />
</SkeletonRow>
</SkeletonRow>
@@ -50,20 +50,20 @@
const ParagraphListSkeleton = () => {
return (
- <div className='relative z-10 flex h-full flex-col overflow-y-hidden'>
- <div className='absolute left-0 top-0 z-20 h-full w-full bg-dataset-chunk-list-mask-bg' />
- {[...Array.from({ length: 10 })].map((_, index) => {
+ <div className='relative flex flex-col h-full overflow-y-hidden z-10'>
+ <div className='absolute top-0 left-0 w-full h-full bg-dataset-chunk-list-mask-bg z-20' />
+ {[...Array(10)].map((_, index) => {
return (
<div key={index} className='flex items-start gap-x-2'>
<Checkbox
key={`${index}-checkbox`}
- className='mt-3.5 shrink-0'
+ className='shrink-0 mt-3.5'
disabled
/>
<div className='grow'>
<CardSkelton />
{index !== 9 && <div className='w-full px-3'>
- <Divider type='horizontal' className='my-1 bg-divider-subtle' />
+ <Divider type='horizontal' className='bg-divider-subtle my-1' />
</div>}
</div>
</div>
--
Gitblit v1.8.0