refactor: unified cn utils (#29916)
Co-authored-by: yyh <yuanyouhuilyz@gmail.com> Co-authored-by: yyh <92089059+lyzno1@users.noreply.github.com>
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
import type { ComponentProps, FC, ReactNode } from 'react'
|
||||
import classNames from '@/utils/classnames'
|
||||
import { cn } from '@/utils/classnames'
|
||||
|
||||
export type PreviewContainerProps = ComponentProps<'div'> & {
|
||||
header: ReactNode
|
||||
@@ -13,14 +13,12 @@ const PreviewContainer: FC<PreviewContainerProps> = (props) => {
|
||||
<div
|
||||
{...rest}
|
||||
ref={ref}
|
||||
className={classNames(
|
||||
'flex h-full w-full flex-col rounded-tl-xl border-l-[0.5px] border-t-[0.5px] border-components-panel-border bg-background-default-lighter shadow-md shadow-shadow-shadow-5',
|
||||
)}
|
||||
className={cn('flex h-full w-full flex-col rounded-tl-xl border-l-[0.5px] border-t-[0.5px] border-components-panel-border bg-background-default-lighter shadow-md shadow-shadow-shadow-5')}
|
||||
>
|
||||
<header className='border-b border-divider-subtle pb-3 pl-5 pr-4 pt-4'>
|
||||
{header}
|
||||
</header>
|
||||
<main className={classNames('w-full grow overflow-y-auto px-6 py-5', mainClassName)}>
|
||||
<main className={cn('w-full grow overflow-y-auto px-6 py-5', mainClassName)}>
|
||||
{children}
|
||||
</main>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user