소스 검색

Fix lobby name display

Kirk Trombley 3 년 전
부모
커밋
8c184a7af0
1개의 변경된 파일10개의 추가작업 그리고 0개의 파일을 삭제
  1. 10 0
      client/src/components/screens/Lobby/Lobby.module.css

+ 10 - 0
client/src/components/screens/Lobby/Lobby.module.css

@@ -29,8 +29,10 @@
 }
 
 .label {
+  max-width: 60vw;
   padding: 1em;
   text-align: center;
+  overflow-wrap: break-word;
 }
 
 .players {
@@ -46,6 +48,14 @@
   padding-left: 1rem;
 }
 
+.players > ul {
+  max-width: 20vw;
+}
+
+.players li {
+  overflow-wrap: break-word;
+}
+
 .playersTitle {
   margin-top: 10px;
 }