worked on chat styling

2022-05-17 16:36:07 +02:00
parent 5f9995bab9
commit b6aa20b0aa
6 changed files with 56 additions and 14 deletions
--- a/web/components/ui/Sidebar/Sidebar.tsx
+++ b/web/components/ui/Sidebar/Sidebar.tsx
@@ -18,13 +18,16 @@ export default function Sidebar() {

  return (
    <Sider
-      className={`${s.root}`}
+      className={s.root}
      collapsed={chatVisibility === ChatVisibilityState.Hidden}
      collapsedWidth={0}
-      width="100%"
+      width={320}
    >
-      <ChatContainer messages={messages} state={chatState} />
-      <ChatTextField />
+      <div className={s.chatHeader}>
+        <span>stream chat</span>
+      </div>
+        <ChatContainer messages={messages} state={chatState} />
+        <ChatTextField />
    </Sider>
  );
 }