dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: lock horizontal scroll for console (#680)

Browse source
This commit is contained in:
Jeremy 2025-01-08 17:36:50 +05:30 • committed by GitHub
parent 7a189743a1
commit 69c7d5223a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/console.tsx
View file

@ -78,7 +78,7 @@ export function Console({ consoleOutputs, setConsoleOutputs }: ConsoleProps) {
<div <div
className={cn( className={cn(
'fixed flex flex-col bottom-0 dark:bg-zinc-900 bg-zinc-50 w-full border-t z-40 overflow-y-scroll dark:border-zinc-700 border-zinc-200', 'fixed flex flex-col bottom-0 dark:bg-zinc-900 bg-zinc-50 w-full border-t z-40 overflow-y-scroll overflow-x-hidden dark:border-zinc-700 border-zinc-200',
{ {
'select-none': isResizing, 'select-none': isResizing,
}, },
@ -138,7 +138,7 @@ export function Console({ consoleOutputs, setConsoleOutputs }: ConsoleProps) {
</div> </div>
</div> </div>
) : ( ) : (
<div className="dark:text-zinc-50 text-zinc-900 w-full flex flex-col gap-2"> <div className="dark:text-zinc-50 text-zinc-900 w-full flex flex-col gap-2 overflow-x-scroll">
{consoleOutput.contents.map((content, index) => {consoleOutput.contents.map((content, index) =>
content.type === 'image' ? ( content.type === 'image' ? (
<picture key={`${consoleOutput.id}-${index}`}> <picture key={`${consoleOutput.id}-${index}`}>
@ -151,7 +151,7 @@ export function Console({ consoleOutputs, setConsoleOutputs }: ConsoleProps) {
) : ( ) : (
<div <div
key={`${consoleOutput.id}-${index}`} key={`${consoleOutput.id}-${index}`}
className="whitespace-pre-line" className="whitespace-pre-line break-words w-full"
> >
{content.value} {content.value}
</div> </div>