zlei6/ragflow
1
0
Fork 0
mirror of https://github.com/infiniflow/ragflow.git synced 2026-07-23 08:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

Feat: Make the embedded page of chat compatible with mobile devices. (#13262)

Browse Source 
### What problem does this PR solve?
Feat: Make the embedded page of chat compatible with mobile devices.

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
This commit is contained in:
balibabu
2026-02-27 19:17:41 +08:00
committed by GitHub
parent 5f53fbe0f1
commit 861ebfc6e1
4 changed files with 24 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
web/src/components/embed-container.tsx
View File

@@ -20,15 +20,23 @@ export function EmbedContainer({
return (
<section className="h-[100vh] flex justify-center items-center">
<div className="w-40 flex gap-2 absolute left-3 top-12 items-center">
<div className="hidden xl:flex w-40 gap-2 absolute left-3 top-12 items-center">
<img src="/logo.svg" alt="" />
<span className="text-2xl font-bold">{appConf.appName}</span>
</div>
<div className=" w-[80vw] border rounded-lg">
<div className="flex justify-between items-center border-b p-3">
<div className="flex gap-2 items-center">
<RAGFlowAvatar avatar={avatar} name={title} isPerson />
<div className="text-xl text-foreground">{title}</div>
<div className="w-full h-full md:w-[80vw] md:h-auto border-0 md:border rounded-none md:rounded-lg">
<div className="flex justify-between items-center border-b p-3 relative">
<div className="flex gap-2 items-center absolute left-1/2 -translate-x-1/2 md:static md:left-auto md:translate-x-0">
<RAGFlowAvatar
avatar={avatar}
name={title}
isPerson
className="size-5 md:size-10"
/>
<div className="md:text-xl text-foreground">{title}</div>
</div>
<div className="flex md:hidden items-center">
<img src="/logo.svg" alt="" className="h-6" />
</div>
<Button
variant={'secondary'}
@@ -37,7 +45,7 @@ export function EmbedContainer({
>
<div className="flex gap-1 items-center">
<RefreshCcw size={14} />
<span className="text-lg ">Reset</span>
<span className="hidden text-lg md:inline-block">Reset</span>
</div>
</Button>
</div>