fix: scroll bar in chat window (#8)

cofactoryai · Oct 19, 2023 · b2a3da5 · b2a3da5
1 parent a61693b
commit b2a3da5
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/src/App.css b/src/App.css
@@ -36,3 +36,22 @@
     transform: rotate(360deg);
   }
 }
+
+.container{
+  overflow-x: hidden;
+}
+
+.container::-webkit-scrollbar{
+  /* display: none; */
+  width: 5px;
+}
+.container::-webkit-scrollbar-track {
+  /* box-shadow: inset 0 0 5px grey; */
+  border-radius: 10px;
+}
+
+/* Handle */
+.container::-webkit-scrollbar-thumb {
+  background: white;
+  border-radius: 10px;
+}
diff --git a/src/components/messageBox.tsx b/src/components/messageBox.tsx
@@ -40,7 +40,7 @@ export default function MessageBox({
   }, [messages]);
 
   return (
-    <div className="h-full border-[#141414] border-y bg-black overflow-scroll">
+    <div className="h-full border-[#141414] border-y bg-black overflow-scroll  container">
       {messages.map(message => {
         return Message(message);
       })}