diff options
| author | Dhravya Shah <[email protected]> | 2024-08-05 15:45:35 -0700 |
|---|---|---|
| committer | GitHub <[email protected]> | 2024-08-05 15:45:35 -0700 |
| commit | 7c57d990a7c78695cbf82881c841eabced4feeac (patch) | |
| tree | 62c6f72c84b4a501d86f4b841bf5495aad35d627 /apps | |
| parent | Merge pull request #211 from NareshBiradar1/spelling-typo-necessary-in-introd... (diff) | |
| parent | Removed unnecessary comment (diff) | |
| download | supermemory-7c57d990a7c78695cbf82881c841eabced4feeac.tar.xz supermemory-7c57d990a7c78695cbf82881c841eabced4feeac.zip | |
Merge pull request #221 from fyzanshaik/feature/memory-scrollbar
Scroll Bar for related memories inside chat window
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/web/app/(dash)/chat/chatWindow.tsx | 8 | ||||
| -rw-r--r-- | apps/web/tailwind.config.ts | 21 |
2 files changed, 25 insertions, 4 deletions
diff --git a/apps/web/app/(dash)/chat/chatWindow.tsx b/apps/web/app/(dash)/chat/chatWindow.tsx index a691c0ce..98377f08 100644 --- a/apps/web/app/(dash)/chat/chatWindow.tsx +++ b/apps/web/app/(dash)/chat/chatWindow.tsx @@ -384,10 +384,10 @@ function ChatWindow({ </AccordionTrigger> {/* TODO: fade out content on the right side, the fade goes away when the user scrolls */} <AccordionContent - className="flex flex-col no-scrollbar overflow-auto gap-4 relative max-w-3xl no-scrollbar" + className="flex flex-col gap-4 relative max-w-3xl overflow-x-auto scrollbar-thin scrollbar-thumb-scrollbar-thumb scrollbar-track-scrollbar-track scrollbar-thumb-rounded" defaultChecked > - <div className="w-full no-scrollbar flex gap-4"> + <div className="w-full flex gap-3"> {/* Loading state */} {chat.answer.sources.length > 0 || (chat.answer.parts.length === 0 && ( @@ -415,7 +415,9 @@ function ChatWindow({ <span>{source.type}</span> {source.numChunks > 1 && ( - <span>{source.numChunks} chunks</span> + <span className="font-bold"> + {source.numChunks} chunks + </span> )} </div> <div className="text-base"> diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts index cf1434cf..2a05cd74 100644 --- a/apps/web/tailwind.config.ts +++ b/apps/web/tailwind.config.ts @@ -1 +1,20 @@ -module.exports = require("@repo/tailwind-config/tailwind.config"); +// Import the existing Tailwind config from your shared repository +const sharedConfig = require("@repo/tailwind-config/tailwind.config"); + +module.exports = { + presets: [sharedConfig], + theme: { + extend: { + colors: { + scrollbar: { + // thumb: "#d1d5db", + // thumbHover: "#1D4ED8", + thumb: "#303c4c", + thumbHover: "#2E3A48", + track: "#1F2937", + }, + }, + }, + }, + plugins: [require("tailwind-scrollbar")({ nocompatible: true })], +}; |