AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-14 11:56:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix:style of opening questions (#18194)

Browse Source
This commit is contained in:
KVOJJJin 2025-04-16 17:25:25 +08:00 committed by GitHub
parent b7e8517b31
commit bbd9fe9777
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/app/components/base/chat/chat/answer/suggested-questions.tsx
View File

@ -2,8 +2,6 @@ import type { FC } from 'react'
import { memo } from 'react' import { memo } from 'react'
import type { ChatItem } from '../../types' import type { ChatItem } from '../../types'
import { useChatContext } from '../context' import { useChatContext } from '../context'
import Button from '@/app/components/base/button'
import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
type SuggestedQuestionsProps = { type SuggestedQuestionsProps = {
item: ChatItem item: ChatItem
@ -12,9 +10,6 @@ const SuggestedQuestions: FC<SuggestedQuestionsProps> = ({
item, item,
}) => { }) => {
const { onSend } = useChatContext() const { onSend } = useChatContext()
const media = useBreakpoints()
const isMobile = media === MediaType.mobile
const klassName = `mr-1 mt-1 ${isMobile ? 'block overflow-hidden text-ellipsis' : ''} max-w-full shrink-0 last:mr-0`
const { const {
isOpeningStatement, isOpeningStatement,
@ -27,14 +22,13 @@ const SuggestedQuestions: FC<SuggestedQuestionsProps> = ({
return ( return (
<div className='flex flex-wrap'> <div className='flex flex-wrap'>
{suggestedQuestions.filter(q => !!q && q.trim()).map((question, index) => ( {suggestedQuestions.filter(q => !!q && q.trim()).map((question, index) => (
<Button <div
key={index} key={index}
variant='secondary-accent' className='system-sm-medium mr-1 mt-1 inline-flex max-w-full shrink-0 cursor-pointer flex-wrap rounded-lg border-[0.5px] border-components-button-secondary-border bg-components-button-secondary-bg px-3.5 py-2 text-components-button-secondary-accent-text shadow-xs last:mr-0 hover:border-components-button-secondary-border-hover hover:bg-components-button-secondary-bg-hover'
className={klassName}
onClick={() => onSend?.(question)} onClick={() => onSend?.(question)}
> >
{question} {question}
</Button>), </div>),
)} )}
</div> </div>
) )

4
web/app/components/base/chat/embedded-chatbot/chat-wrapper.tsx
View File

@ -184,7 +184,7 @@ const ChatWrapper = () => {
return null return null
if (welcomeMessage.suggestedQuestions && welcomeMessage.suggestedQuestions?.length > 0) { if (welcomeMessage.suggestedQuestions && welcomeMessage.suggestedQuestions?.length > 0) {
return ( return (
<div className='flex h-[50vh] items-center justify-center px-4 py-12'> <div className={cn('flex items-center justify-center px-4 py-12', isMobile ? 'min-h-[30vh] py-0' : 'h-[50vh]')}>
<div className='flex max-w-[720px] grow gap-4'> <div className='flex max-w-[720px] grow gap-4'>
<AppIcon <AppIcon
size='xl' size='xl'
@ -202,7 +202,7 @@ const ChatWrapper = () => {
) )
} }
return ( return (
<div className={cn('flex h-[50vh] flex-col items-center justify-center gap-3 py-12')}> <div className={cn('flex h-[50vh] flex-col items-center justify-center gap-3 py-12', isMobile ? 'min-h-[30vh] py-0' : 'h-[50vh]')}>
<AppIcon <AppIcon
size='xl' size='xl'
iconType={appData?.site.icon_type} iconType={appData?.site.icon_type}