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/base/list-empty/index.tsx | 21 +++++++++------------ 1 files changed, 9 insertions(+), 12 deletions(-) diff --git a/app/components/base/list-empty/index.tsx b/app/components/base/list-empty/index.tsx index db3eaff..e925878 100644 --- a/app/components/base/list-empty/index.tsx +++ b/app/components/base/list-empty/index.tsx @@ -1,4 +1,3 @@ -import type { ReactNode } from 'react' import React from 'react' import { Variable02 } from '../icons/src/vender/solid/development' import VerticalLine from './vertical-line' @@ -6,29 +5,27 @@ type ListEmptyProps = { title?: string - description?: ReactNode - icon?: ReactNode + description?: React.ReactNode } const ListEmpty = ({ title, description, - icon, }: ListEmptyProps) => { return ( - <div className='flex w-[320px] flex-col items-start gap-2 rounded-[10px] bg-workflow-process-bg p-4'> - <div className='flex h-10 w-10 items-center justify-center gap-2 rounded-[10px]'> - <div className='relative flex grow items-center justify-center gap-2 self-stretch rounded-[10px] border-[0.5px] - border-components-card-border bg-components-card-bg p-1 shadow-lg'> - {icon || <Variable02 className='h-5 w-5 shrink-0 text-text-accent' />} + <div className='flex w-[320px] p-4 flex-col items-start gap-2 rounded-[10px] bg-workflow-process-bg'> + <div className='flex w-10 h-10 justify-center items-center gap-2 rounded-[10px]'> + <div className='flex relative p-1 justify-center items-center gap-2 grow self-stretch rounded-[10px] + border-[0.5px] border-components-card-border bg-components-card-bg shadow-lg'> + <Variable02 className='w-5 h-5 shrink-0 text-text-accent' /> <VerticalLine className='absolute -right-[1px] top-1/2 -translate-y-1/4'/> <VerticalLine className='absolute -left-[1px] top-1/2 -translate-y-1/4'/> - <HorizontalLine className='absolute left-3/4 top-0 -translate-x-1/4 -translate-y-1/2'/> - <HorizontalLine className='absolute left-3/4 top-full -translate-x-1/4 -translate-y-1/2' /> + <HorizontalLine className='absolute top-0 left-3/4 -translate-x-1/4 -translate-y-1/2'/> + <HorizontalLine className='absolute top-full left-3/4 -translate-x-1/4 -translate-y-1/2' /> </div> </div> <div className='flex flex-col items-start gap-1 self-stretch'> - <div className='system-sm-medium text-text-secondary'>{title}</div> + <div className='text-text-secondary system-sm-medium'>{title}</div> {description} </div> </div> -- Gitblit v1.8.0