chat list looks nicer

Allen-Mikhailov · Sep 22, 2024 · 2c5f0c0 · 2c5f0c0
1 parent 6d8cd05
commit 2c5f0c0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/client/src/pages/ChatSelect/ChatSelect.tsx b/client/src/pages/ChatSelect/ChatSelect.tsx
@@ -12,7 +12,7 @@ function ListChats()
     return <div>
 
         <ListGroup>
-            <ListGroup.Item>{<Username></Username>}</ListGroup.Item>
+            <ListGroup.Item><a href="/">{<Username></Username>}</a></ListGroup.Item>
         </ListGroup>
 
 </div>
@@ -24,7 +24,7 @@ function ChatSelect()
     return <div>
     <h1>Active Chats:</h1>
     <p>
-      {<ListChats></ListChats>}
+        {<ListChats></ListChats>}
     </p>
     </div>
 }

diff --git a/client/src/scss/custom.scss b/client/src/scss/custom.scss
@@ -38,6 +38,12 @@ body {
     background-color: rgb(17, 17, 17);
     color:rgb(206, 250, 209)
 }
+
+.list-group {
+    width: 10%;
+    margin: auto;
+}
+
 .cool-title{
     background-image: linear-gradient(rgb(0, 255, 191), blue);
     color: transparent;