jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

refactor: Adjust chat view layout for responsiveness (#5061)

Browse source 
* refactor: Adjust chat view layout for responsiveness

The code changes in this commit adjust the layout of the chat view component to improve responsiveness. Specifically, the CSS classes for the chat container and input container have been modified to make them responsive on different screen sizes. This ensures that the chat view is displayed properly on both desktop and mobile devices.

Refactoring the layout in this way enhances the user experience by making the chat view more accessible and user-friendly across different devices.
This commit is contained in:
anovazzi1 2024-12-05 14:33:08 -03:00 • committed by GitHub
commit a8229109a2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/frontend/src/modals/IOModal/components/chatView/newChatView.tsx
View file

@ -184,7 +184,9 @@ export default function ChatView({
))}
<div
className={
lockChat ? "w-5/6 max-w-[768px] py-4 word-break-break-word" : ""
lockChat
? "m-auto w-full max-w-[768px] py-4 word-break-break-word md:w-5/6"
: ""
}
ref={ref}
>
@ -193,7 +195,7 @@ export default function ChatView({
flowRunningSkeletonMemo}
</div>
</div>
<div className="m-auto w-5/6 max-w-[768px]">
<div className="m-auto w-full max-w-[768px] md:w-5/6">
<ChatInput
chatValue={chatValue}
noInput={!inputTypes.includes("ChatInput")}