Skip to content

Commit f57a199

Browse files
authored
fix(frontend): make chat spinner centred when loading (#12154)
## Changes 🏗️ <img width="800" height="969" alt="Screenshot 2026-02-18 at 20 30 36" src="https://github.com/user-attachments/assets/30d7d211-98c1-4159-94e1-86e81e29ad43" /> - Make the spinner centred when the chat is loading ## Checklist 📋 #### For code changes: - [x] I have clearly listed my changes in the PR description - [x] I have made a test plan - [x] I have tested my changes according to the test plan: - [x] Run the app and test locally
1 parent 3928c35 commit f57a199

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

autogpt_platform/frontend/src/app/(platform)/copilot/components/ChatMessagesContainer/ChatMessagesContainer.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,10 @@ export const ChatMessagesContainer = ({
169169
<ConversationContent className="flex flex-1 flex-col gap-6 px-3 py-6">
170170
{headerSlot}
171171
{isLoading && messages.length === 0 && (
172-
<div className="flex min-h-full flex-1 items-center justify-center">
172+
<div
173+
className="flex flex-1 items-center justify-center"
174+
style={{ minHeight: "calc(100vh - 12rem)" }}
175+
>
173176
<LoadingSpinner className="text-neutral-600" />
174177
</div>
175178
)}

0 commit comments

Comments
 (0)