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/general-list-skeleton.tsx | 18 +++++++++---------
1 files changed, 9 insertions(+), 9 deletions(-)
diff --git a/app/components/datasets/documents/detail/completed/skeleton/general-list-skeleton.tsx b/app/components/datasets/documents/detail/completed/skeleton/general-list-skeleton.tsx
index bf22a53..c9b9c08 100644
--- a/app/components/datasets/documents/detail/completed/skeleton/general-list-skeleton.tsx
+++ b/app/components/datasets/documents/detail/completed/skeleton/general-list-skeleton.tsx
@@ -8,10 +8,10 @@
import Checkbox from '@/app/components/base/checkbox'
import Divider from '@/app/components/base/divider'
-export const CardSkelton = React.memo(() => {
+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' />
@@ -20,7 +20,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'>
@@ -48,20 +48,20 @@
const GeneralListSkeleton = () => {
return (
- <div className='relative z-10 flex grow 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 grow 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