Austin/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2024-11-16 19:59:50 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

update style

Browse Source
This commit is contained in:
JzoNg 2024-08-26 09:37:04 +08:00
parent 687661eef7
commit 912030c9a1
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/app/components/base/features/new-feature-panel/dialog-wrapper.tsx
View File

@ -8,6 +8,7 @@ type DialogProps = {
children: ReactNode
show: boolean
onClose?: () => void
inWorkflow?: boolean
}
const DialogWrapper = ({
@ -15,6 +16,7 @@ const DialogWrapper = ({
children,
show,
onClose,
inWorkflow = true,
}: DialogProps) => {
const close = useCallback(() => onClose?.(), [onClose])
return (
@ -33,7 +35,7 @@ const DialogWrapper = ({
</Transition.Child>
<div className="fixed inset-0">
<div className="flex flex-col items-end justify-center min-h-full pt-[112px] pb-2">
<div className={cn('flex flex-col items-end justify-center min-h-full pb-2', inWorkflow ? 'pt-[112px]' : 'pt-[56px]')}>
<Transition.Child
as={Fragment}
enter="ease-out duration-300"
@ -43,7 +45,7 @@ const DialogWrapper = ({
leaveFrom="opacity-100 scale-100"
leaveTo="opacity-0 scale-95"
>
<Dialog.Panel className={cn('grow relative w-[420px] h-[calc(100vh-120px)] p-0 overflow-hidden text-left align-middle transition-all transform border-t-[0.5px] border-l-[0.5px] border-b-[0.5px] border-components-panel-border shadow-xl rounded-l-2xl', className)}>
<Dialog.Panel className={cn('grow flex relative w-[420px] h-0 p-0 overflow-hidden text-left align-middle transition-all transform bg-components-panel-bg-alt border-t-[0.5px] border-l-[0.5px] border-b-[0.5px] border-components-panel-border shadow-xl rounded-l-2xl', className)}>
{children}
</Dialog.Panel>
</Transition.Child>

3
web/app/components/base/features/new-feature-panel/index.tsx
View File

@ -14,11 +14,10 @@ const NewFeaturePanel = ({ show, onClose }: Props) => {
return (
<DialogWrapper
className='flex'
show={show}
onClose={onClose}
>
<div className='grow flex flex-col h-full bg-components-panel-bg-alt'>
<div className='grow flex flex-col h-full'>
<div className='shrink-0 flex justify-between p-4 pb-3'>
<div>
<div className='text-text-primary system-xl-semibold'>{t('workflow.common.features')}</div>