fix chat word break

mat-sz · Sep 22, 2023 · 9924a45 · 9924a45
1 parent 3062632
commit 9924a45
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/web/src/screens/Home.module.scss b/web/src/screens/Home.module.scss
@@ -19,12 +19,12 @@
   .home {
     display: grid;
     grid-gap: 15px;
-    grid-template-columns: 3fr 2fr;
+    grid-template-columns: 1fr 50%;
   }
 }
 
 @media screen and (min-width: 1200px) {
   .home {
-    grid-template-columns: minmax(0, 2fr) 1fr;
+    grid-template-columns: 1fr 33.3%;
   }
 }
diff --git a/web/src/sections/Chat/ChatItem.module.scss b/web/src/sections/Chat/ChatItem.module.scss
@@ -12,10 +12,13 @@
 .message {
   position: relative;
   white-space: pre-wrap;
+  word-wrap: break-word;
   max-height: 50px;
   overflow: hidden;
 
   a {
+    display: inline;
+    white-space: unset;
     font-weight: bold;
   }
 }