opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-04-25 01:26:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: layout overflow

Browse Source
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 ( return (
<div className='flex flex-col' style={{ height: 'calc(100vh - 56px)' }}> <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} /> <Topbar activeStepIndex={step - 1} />
<div className={step === 1 ? 'block h-full' : 'hidden'}> <div className={step === 1 ? 'block h-full' : 'hidden'}>
<StepOne <StepOne

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

@ -636,7 +636,7 @@ const StepTwo = ({
} as RetrievalConfig) } as RetrievalConfig)
return ( 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='relative h-full w-full overflow-y-scroll'>
<div className={cn(s.form, isMobile && '!px-4')}> <div className={cn(s.form, isMobile && '!px-4')}>
<div className={s.label}>{t('datasetCreation.stepTwo.segmentation')}</div> <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 type { FC } from 'react'
import { RiArrowLeftLine } from '@remixicon/react' import { RiArrowLeftLine } from '@remixicon/react'
import Link from 'next/link'
import { Stepper, type StepperProps } from '../stepper' import { Stepper, type StepperProps } from '../stepper'
import classNames from '@/utils/classnames' import classNames from '@/utils/classnames'
@ -10,12 +11,12 @@ export type TopbarProps = Pick<StepperProps, 'activeStepIndex'> & {
export const Topbar: FC<TopbarProps> = (props) => { export const Topbar: FC<TopbarProps> = (props) => {
const { className, ...rest } = props const { className, ...rest } = props
return <div className={classNames('flex items-center justify-between relative', className)}> 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' /> <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 Create Knowledge
</div> </p>
</div> </Link>
<div className={ <div className={
'top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 absolute' 'top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 absolute'
}> }>