[mirotalksfu] - refactoring

public/css/Room.css

@@ -1109,6 +1109,10 @@ progress {
     float: right;
 }
 
+.whiteboard-header-title div {
+    margin-left: 8px;
+}
+
 .whiteboard-header button {
     /* padding: 10px; */
     border-radius: 5px;
@@ -1240,6 +1244,34 @@ progress {
     background: #1a1b1f;
 }
 
+/*--------------------------------------------------------------
+# Common
+--------------------------------------------------------------*/
+
+hr {
+    background: #ffffff !important;
+}
+
+.wa {
+    width: auto;
+}
+
+.ml-5 {
+    margin: 5px;
+}
+
+.cp {
+    cursor: pointer;
+}
+
+.cr {
+    color: red;
+}
+
+#initVideo {
+    object-fit: contain;
+}
+
 /*--------------------------------------------------------------
 # Pulse class effect
 --------------------------------------------------------------*/

public/css/landing.css

@@ -1875,7 +1875,7 @@ main {
     padding: 11px 15px;
     height: 48px;
     border: none;
-    border-radius: 0;
+    border-radius: 6px;
     justify-content: center;
     text-align: center;
     white-space: nowrap;
@@ -2029,3 +2029,53 @@ main {
 ::-webkit-scrollbar-track {
     background: #1a1b1f;
 }
+
+/*--------------------------------------------------------------
+# About
+--------------------------------------------------------------*/
+
+#aboutDiv {
+    position: relative;
+    width: 100%;
+    height: 0;
+    padding-top: 56.25%;
+    padding-bottom: 48px;
+    box-shadow: 0 2px 8px 0 rgba(63, 69, 81, 0.16);
+    margin-top: 1.6em;
+    margin-bottom: 0.9em;
+    overflow: hidden;
+    border-radius: 8px;
+    will-change: transform;
+}
+
+#aboutIframe {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    border: none;
+    padding: 0;
+    margin: 0;
+}
+
+/*--------------------------------------------------------------
+# Common
+--------------------------------------------------------------*/
+
+.tac {
+    text-align: center;
+}
+
+.cp {
+    cursor: pointer;
+}
+
+.powered-by {
+    text-align: center;
+    color: grey;
+}
+
+.loading-img {
+    width: 400px;
+}