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

Merge remote-tracking branch 'myori/main' into feat/collaboration2

Browse Source
This commit is contained in:
hjlarry
2026-01-17 10:22:41 +08:00
parent b549d669d6 c98870c3f4
commit fc291e4ca2
6266 changed files with 544217 additions and 224655 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
web/app/components/base/content-dialog/index.tsx
View File

@ -1,6 +1,6 @@
import type { ReactNode } from 'react'
import { Transition, TransitionChild } from '@headlessui/react'
import classNames from '@/utils/classnames'
import { cn } from '@/utils/classnames'
type ContentDialogProps = {
className?: string
@ -15,33 +15,21 @@ const ContentDialog = ({
onClose,
children,
}: ContentDialogProps) => {
// z-[70]: Ensures dialog appears above workflow operators (z-[60]) and other UI elements
return (
<Transition
show={show}
as='div'
className='absolute left-0 top-0 z-[70] box-border h-full w-full p-2'
as="div"
className="absolute left-0 top-0 z-[70] box-border h-full w-full p-2"
>
<TransitionChild>
<div
className={classNames(
'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',
)}
className={cn('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')}
onClick={onClose}
/>
</TransitionChild>
<TransitionChild>
<div className={classNames(
'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]: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,
)}>
<div className={cn('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]: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}
</div>
</TransitionChild>