youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-06 02:18:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: loading & empty state for step 2

Browse Source
This commit is contained in:
AkaraChen
2024-12-04 16:07:25 +08:00
parent 1df3f4aad3
commit 90b407ecc8
9 changed files with 99 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
web/app/components/base/skeleton/index.tsx Normal file
View File

@ -0,0 +1,24 @@
import type { FC } from 'react'
import { twc } from '@/utils/twc'
export const SkeletonContanier = twc.div`flex flex-col gap-1`
export const SkeletonRow = twc.div`flex items-center gap-2`
export const SkeletonRectangle = twc.div`h-2 rounded-sm opacity-20 bg-text-tertiary my-1`
export const SkeletonCircle: FC = () =>
<div className='text-text-quaternary text-xs font-medium'>·</div>
/** Usage
* <SkeletonContanier>
* <SkeletonRow>
* <SkeletonRectangle className="w-96" />
* <SkeletonCircle />
* <SkeletonRectangle className="w-96" />
* </SkeletonRow>
* <SkeletonRow>
* <SkeletonRectangle className="w-96" />
* </SkeletonRow>
* <SkeletonRow>
*/