style: Update component attributes to use single quotes and adjust z-index in ContentDialog

feat/rag-2
twwu 7 months ago
parent 775983b04b
commit 966e6e03fc

@ -287,7 +287,7 @@ const AppInfo = ({ expand, onlyShowDetail = false, openState = false, onDetailEx
<div className='flex shrink-0 flex-col items-start justify-center gap-3 self-stretch p-4'>
<div className='flex items-center gap-3 self-stretch'>
<AppIcon
size="large"
size='large'
iconType={appDetail.icon_type}
icon={appDetail.icon}
background={appDetail.icon_background}

@ -18,13 +18,13 @@ const ContentDialog = ({
return (
<Transition
show={show}
as="div"
className="absolute left-0 top-0 z-20 box-border h-full w-full p-2"
as='div'
className='absolute left-0 top-0 z-30 box-border h-full w-full p-2'
>
<TransitionChild>
<div
className={classNames(
'absolute left-0 inset-0 w-full bg-app-detail-overlay-bg',
'absolute inset-0 left-0 w-full bg-app-detail-overlay-bg',
'duration-300 ease-in data-[closed]:opacity-0',
'data-[enter]:opacity-100',
'data-[leave]:opacity-0',
@ -35,10 +35,10 @@ const ContentDialog = ({
<TransitionChild>
<div className={classNames(
'absolute left-0 w-full bg-app-detail-bg border-r border-divider-burn',
'absolute left-0 w-full border-r border-divider-burn bg-app-detail-bg',
'duration-100 ease-in data-[closed]:-translate-x-full',
'data-[enter]:ease-out data-[enter]:duration-300 data-[enter]:translate-x-0',
'data-[leave]:ease-in data-[leave]:duration-200 data-[leave]:-translate-x-full',
'data-[enter]:translate-x-0 data-[enter]:duration-300 data-[enter]:ease-out',
'data-[leave]:-translate-x-full data-[leave]:duration-200 data-[leave]:ease-in',
className,
)}>
{children}

Loading…
Cancel
Save