UniqAI/bolt.diy
1
0
Fork 0
mirror of https://github.com/stackblitz-labs/bolt.diy synced 2025-06-26 18:26:38 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Fix chat description and chat message window spacing and scrolling

Browse Source
This commit is contained in:
Strider Wilson 2025-05-27 11:08:59 -04:00
parent 3697dcebd6
commit 250d5b0161
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/chat/BaseChat/BaseChat.tsx
View File

@ -144,11 +144,11 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
const baseChat = ( const baseChat = (
<div <div
ref={ref} ref={ref}
className={classNames(styles.BaseChat, 'relative flex h-full w-full overflow-hidden p-4')} className={classNames(styles.BaseChat, 'relative flex h-full w-full overflow-hidden p-6')}
data-chat-visible={showChat} data-chat-visible={showChat}
> >
<ClientOnly>{() => <Menu />}</ClientOnly> <ClientOnly>{() => <Menu />}</ClientOnly>
<div ref={scrollRef} className="flex flex-col lg:flex-row overflow-y-auto w-full h-full"> <div ref={scrollRef} className="flex flex-col lg:flex-row w-full h-full">
<div className={classNames(styles.Chat, 'flex flex-col flex-grow lg:min-w-[var(--chat-min-width)] h-full')}> <div className={classNames(styles.Chat, 'flex flex-col flex-grow lg:min-w-[var(--chat-min-width)] h-full')}>
{!chatStarted && <IntroSection />} {!chatStarted && <IntroSection />}
<div <div
@ -161,7 +161,7 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
return chatStarted ? ( return chatStarted ? (
<Messages <Messages
ref={messageRef} ref={messageRef}
className="flex flex-col w-full flex-1 max-w-chat pb-6 mx-auto z-1" className="flex flex-col w-full flex-1 max-w-chat pb-6 mx-auto z-1 overflow-y-auto"
messages={messages} messages={messages}
hasPendingMessage={hasPendingMessage} hasPendingMessage={hasPendingMessage}
pendingMessageStatus={pendingMessageStatus} pendingMessageStatus={pendingMessageStatus}

2
app/components/header/Header.tsx
View File

@ -38,7 +38,7 @@ export function Header() {
<div className="flex-1 flex items-center "> <div className="flex-1 flex items-center ">
{chatStarted && ( {chatStarted && (
<span className="flex-1 px-4 truncate text-center text-bolt-elements-textPrimary"> <span className="px-4 truncate text-center text-bolt-elements-textPrimary">
<ClientOnly>{() => <ChatDescription />}</ClientOnly> <ClientOnly>{() => <ChatDescription />}</ClientOnly>
</span> </span>
)} )}