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:
@@ -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 (
|
||||
|
||||
Reference in New Issue
Block a user