supermemoryai / supermemory

Build your own second brain with supermemory. It's a ChatGPT for your bookmarks. Import tweets or save websites and content using the chrome extension.
https://supermemory.ai
MIT License
6.22k stars 594 forks source link

Scroll Bar for related memories inside chat window #221

Closed fyzanshaik closed 1 month ago

fyzanshaik commented 1 month ago
# Scroll Bar for Related Memories in Chat Window

## Overview
This pull request enhances the chat window's UI and functionality by adding a horizontal scroll bar for related memories and a fade-out effect for content on the right side of the scrollable area.

## Changes
- **Key Changes:**
    - Implemented horizontal scroll handling with smoother transitions using `overflow-x-auto` and `scrollbar-thin` classes.
    - Added a fade-out effect for right-side content in scrollable areas using a custom CSS gradient.
    - Applied custom scrollbar styling for improved visibility and consistency.
@@ -10,6 +29,8 @@
 - **New Features:**
     - None
 - **Refactoring:**
+    - The `AccordionContent` component has been modified to include scroll handling logic and a fade-out effect.
+    - The `ChatWindow` component now uses the updated `AccordionContent` component.
     - None

✨ Generated with love by Kaizen ❤️

✨ Generated with love by Kaizen ❤️

Original Description # Scroll Bar for Related Memories in Chat Window ## Overview This pull request enhances the UI and functionality of the chat window by implementing a horizontal scroll bar for related memories and adding a fade-out effect for content on the right side of the scrollable area. ## Changes - **Key Changes:** - Implemented horizontal scroll handling with smoother transitions using `overflow-x-auto` and `scrollbar-thin` classes. - Added a fade-out effect for right-side content in scrollable areas using a custom CSS gradient. - Applied custom scrollbar styling for improved visibility and consistency. - Updated text styling to make source type bold for better emphasis. - **New Features:** - None - **Refactoring:** - None > ✨ Generated with love by [Kaizen](https://cloudcode.ai) ❤️
Original Description Enhance UI and functionality: - Implement horizontal scroll handling with smoother transitions. - Add fade-out effect for right-side content in scrollable areas. - Apply custom scrollbar styling for improved visibility. - Update text styling to make source type bold for better emphasis.
https://github.com/user-attachments/assets/8d3da5c7-c15c-4091-8c82-df8e43e9e5db
fyzanshaik commented 1 month ago

!review

kaizen-bot[bot] commented 1 month ago

Code Review

All Clear: This PR is ready to merge! 👍

✨ Generated with love by Kaizen ❤️

Useful Commands