Browse Source

[ui] much responsiveness in room div

encrypt 4 years ago
parent
commit
fe9b8a5334
1 changed files with 9 additions and 2 deletions
  1. 9 2
      client/style.css

+ 9 - 2
client/style.css

@@ -19,11 +19,17 @@ body {
 #room {
     margin-top: 30px;
     color: #ccc;
-    width: 50%;
+    width: 65%;
     margin: 0 auto;
     margin-top: 30px;
 }
 
+@media (max-width: 1280px) {
+    #room {
+	width: 100%;
+    }
+}
+
 #upload {
     text-align: center;
 }
@@ -57,7 +63,8 @@ body {
     border: 1px solid #bbb;
     width: 100%;
     width: -moz-available;          
-    width: -webkit-fill-available;    
+    width: -webkit-fill-available;
+    word-wrap: break-word;
 
 }