feat: improve UI/UX with scroll behavior and styling enhancements

- Remove white space at bottom of chat interface
- Prevent scroll bounce/overscroll behavior on all scroll areas
- Make scroll bar thinner and more subtle with low contrast
- Add hover effects for scroll bar visibility
- Clean up Docker container names for better display
- Improve overall scrolling experience and visual polish
This commit is contained in:
Yishen Tu
2025-06-13 23:46:43 +08:00
parent a59a1981bd
commit 5c85818994
5 changed files with 44 additions and 7 deletions

View File

@@ -252,9 +252,9 @@ export function ChatMessagesView({
};
return (
<div className="flex flex-col h-full">
<ScrollArea className="flex-grow" ref={scrollAreaRef}>
<div className="p-4 md:p-6 space-y-2 max-w-4xl mx-auto pt-16">
<div className="flex flex-col h-full overflow-hidden">
<ScrollArea className="flex-1 min-h-0" ref={scrollAreaRef}>
<div className="p-4 md:p-6 pb-2 space-y-2 max-w-4xl mx-auto">
{messages.map((message, index) => {
const isLast = index === messages.length - 1;
return (