opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: layout overflow

This commit is contained in:
AkaraChen 2024-11-22 13:12:24 +08:00
parent fdcee1cd45
commit 7881fb4d22
3 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/components/datasets/create/index.tsx
View File

@ -119,7 +119,7 @@ const DatasetUpdateForm = ({ datasetId }: DatasetUpdateFormProps) => {
return (
<div className='flex flex-col' style={{ height: 'calc(100vh - 56px)' }}>
<div className="grow bg-white">
<div className="grow bg-white flex flex-col max-h-full h-full">
<Topbar activeStepIndex={step - 1} />
<div className={step === 1 ? 'block h-full' : 'hidden'}>
<StepOne

2
web/app/components/datasets/create/step-two/index.tsx
View File

@ -636,7 +636,7 @@ const StepTwo = ({
} as RetrievalConfig)
return (
<div className='flex w-full h-full'>
<div className='flex w-full max-h-full h-full overflow-y-auto'>
<div className='relative h-full w-full overflow-y-scroll'>
<div className={cn(s.form, isMobile && '!px-4')}>
<div className={s.label}>{t('datasetCreation.stepTwo.segmentation')}</div>

9
web/app/components/datasets/create/top-bar/index.tsx
View File

@ -1,5 +1,6 @@
import type { FC } from 'react'
import { RiArrowLeftLine } from '@remixicon/react'
import Link from 'next/link'
import { Stepper, type StepperProps } from '../stepper'
import classNames from '@/utils/classnames'
@ -10,12 +11,12 @@ export type TopbarProps = Pick<StepperProps, 'activeStepIndex'> & {
export const Topbar: FC<TopbarProps> = (props) => {
const { className, ...rest } = props
return <div className={classNames('flex items-center justify-between relative', className)}>
<div className="h-12 pl-2 pr-6 py-2 justify-start items-center gap-1 inline-flex">
<Link href={'/datasets'} className="h-12 pl-2 pr-6 py-2 justify-start items-center gap-1 inline-flex">
<RiArrowLeftLine className='size-4 mr-2' />
<div className="text-[#101827] text-[13px] font-semibold uppercase leading-none">
<p className="text-[#101827] text-[13px] font-semibold uppercase leading-none">
Create Knowledge
</div>
</div>
</p>
</Link>
<div className={
'top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 absolute'
}>