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/drawer-plus/index.tsx | 26 ++++++++++----------------
1 files changed, 10 insertions(+), 16 deletions(-)
diff --git a/app/components/base/drawer-plus/index.tsx b/app/components/base/drawer-plus/index.tsx
index 33a1948..5140257 100644
--- a/app/components/base/drawer-plus/index.tsx
+++ b/app/components/base/drawer-plus/index.tsx
@@ -9,17 +9,15 @@
type Props = {
isShow: boolean
onHide: () => void
- dialogClassName?: string
- dialogBackdropClassName?: string
panelClassName?: string
maxWidthClassName?: string
contentClassName?: string
headerClassName?: string
height?: number | string
- title: string | React.JSX.Element
- titleDescription?: string | React.JSX.Element
- body: React.JSX.Element
- foot?: React.JSX.Element
+ title: string | JSX.Element
+ titleDescription?: string | JSX.Element
+ body: JSX.Element
+ foot?: JSX.Element
isShowMask?: boolean
clickOutsideNotOpen?: boolean
positionCenter?: boolean
@@ -28,8 +26,6 @@
const DrawerPlus: FC<Props> = ({
isShow,
onHide,
- dialogClassName = '',
- dialogBackdropClassName = '',
panelClassName = '',
maxWidthClassName = '!max-w-[640px]',
height = 'calc(100vh - 72px)',
@@ -59,33 +55,31 @@
footer={null}
mask={isMobile || isShowMask}
positionCenter={positionCenter}
- dialogClassName={dialogClassName}
- dialogBackdropClassName={dialogBackdropClassName}
- panelClassName={cn('mx-2 mb-3 mt-16 rounded-xl !p-0 sm:mr-2', panelClassName, maxWidthClassName)}
+ panelClassname={cn('mt-16 mx-2 sm:mr-2 mb-3 !p-0 rounded-xl', panelClassName, maxWidthClassName)}
>
<div
- className={cn(contentClassName, 'flex w-full flex-col rounded-xl border-[0.5px] border-divider-subtle bg-components-panel-bg shadow-xl')}
+ className={cn(contentClassName, 'w-full flex flex-col bg-components-panel-bg border-[0.5px] border-divider-subtle rounded-xl shadow-xl')}
style={{
height,
}}
ref={ref}
>
<div className={cn(headerClassName, 'shrink-0 border-b border-divider-subtle py-4')}>
- <div className='flex h-6 items-center justify-between pl-6 pr-5'>
+ <div className='flex justify-between items-center pl-6 pr-5 h-6'>
<div className='system-xl-semibold text-text-primary'>
{title}
</div>
<div className='flex items-center'>
<div
onClick={onHide}
- className='flex h-6 w-6 cursor-pointer items-center justify-center'
+ className='flex justify-center items-center w-6 h-6 cursor-pointer'
>
- <RiCloseLine className='h-4 w-4 text-text-tertiary' />
+ <RiCloseLine className='w-4 h-4 text-text-tertiary' />
</div>
</div>
</div>
{titleDescription && (
- <div className='system-xs-regular pl-6 pr-10 text-text-tertiary'>
+ <div className='pl-6 pr-10 system-xs-regular text-text-tertiary'>
{titleDescription}
</div>
)}
--
Gitblit v1.8.0