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

chore: handle data is large

Browse Source
This commit is contained in:
Joel 2025-10-23 16:53:10 +08:00
parent 6e9f82491d
commit 344844d3e0
2 changed files with 34 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
web/app/components/explore/try-app/app-info/index.tsx
View File

@ -6,12 +6,16 @@ import { AppTypeIcon } from '@/app/components/app/type-selector'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import type { TryAppInfo } from '@/service/try-app' import type { TryAppInfo } from '@/service/try-app'
import cn from '@/utils/classnames' import cn from '@/utils/classnames'
import Button from '@/app/components/base/button'
import { RiAddLine } from '@remixicon/react'
type Props = { type Props = {
appDetail: TryAppInfo appDetail: TryAppInfo
className?: string className?: string
} }
const headerClassName = 'system-sm-semibold-uppercase text-text-secondary mb-3'
const AppInfo: FC<Props> = ({ const AppInfo: FC<Props> = ({
className, className,
appDetail, appDetail,
@ -19,9 +23,9 @@ const AppInfo: FC<Props> = ({
const { t } = useTranslation() const { t } = useTranslation()
const mode = appDetail?.mode const mode = appDetail?.mode
return ( return (
<div className={cn('px-4 pt-4', className)}> <div className={cn('flex h-full flex-col px-4 pt-2', className)}>
{/* name and icon */} {/* name and icon */}
<div className='flex h-[66px] shrink-0 grow-0 items-center gap-3 pb-3'> <div className='flex shrink-0 grow-0 items-center gap-3'>
<div className='relative shrink-0'> <div className='relative shrink-0'>
<AppIcon <AppIcon
size='large' size='large'
@ -46,6 +50,32 @@ const AppInfo: FC<Props> = ({
</div> </div>
</div> </div>
</div> </div>
<div className='system-sm-regular mt-[14px] shrink-0 text-text-secondary' >
A workflow designed to translate a full book up to 15000 tokens per run. Uses Code node to separate text into chunks
</div>
<Button variant='primary' className='mt-3 flex w-full max-w-full'>
<RiAddLine className='mr-1 size-4 shrink-0' />
<span className='truncate'>Create from this sample app</span>
</Button>
<div className='mt-6 shrink-0'>
<div className={headerClassName}>Category</div>
<div className='system-md-regular text-text-secondary'>AI Coding</div>
</div>
<div className='mt-5 grow overflow-y-auto'>
<div className={headerClassName}>Requirements</div>
<div className='space-y-0.5'>
<div className='flex items-center space-x-2 py-1'>
<div className='size-5 rounded-md bg-gray-200 shadow-xs'></div>
<div className='system-md-regular w-0 grow truncate text-text-secondary'>LLM Vision supported</div>
</div>
<div className='flex items-center space-x-2 py-1'>
<div className='size-5 rounded-md bg-gray-200 shadow-xs'></div>
<div className='system-md-regular w-0 grow truncate text-text-secondary'>xxx</div>
</div>
</div>
</div>
</div> </div>
) )
} }

4
web/app/components/explore/try-app/index.tsx
View File

@ -48,9 +48,9 @@ const TryApp: FC<Props> = ({
</Button> </Button>
</div> </div>
{/* Main content */} {/* Main content */}
<div className='mt-2 flex grow justify-between space-x-2'> <div className='mt-2 flex h-0 grow justify-between space-x-2'>
{type === TypeEnum.TRY ? <App appId={appId} appDetail={appDetail!} /> : <Preview appId={appId} appDetail={appDetail!} />} {type === TypeEnum.TRY ? <App appId={appId} appDetail={appDetail!} /> : <Preview appId={appId} appDetail={appDetail!} />}
<AppInfo className='w-[360px]' appDetail={appDetail!} /> <AppInfo className='w-[360px] shrink-0' appDetail={appDetail!} />
</div> </div>
</div> </div>
)} )}