merge dev

front/style/fonts.scss

@@ -1 +1,9 @@
-@import "~@fontsource/press-start-2p/index.css";
+@import "~@fontsource/press-start-2p/index.css";
+
+*{
+  font-family: PixelFont-7,monospace;
+}
+
+.nes-btn {
+  font-family: "Press Start 2P";
+}

front/style/index.scss

@@ -2,6 +2,6 @@
 @import "nes.custom.css";
 @import "cowebsite.scss";
 @import "cowebsite-mobile.scss";
-@import "style.css";
+@import "style";
 @import "mobile-style.scss";
 @import "fonts.scss";

front/style/style.scss

@@ -154,6 +154,8 @@ body .message-info.warning {
 }
 
 video.myCamVideo{
+    background-color: #00000099;
+    max-height: 20vh;
     width: 15vw;
     -webkit-transform: scaleX(-1);
     transform: scaleX(-1);
@@ -347,42 +349,6 @@ video.myCamVideo{
     }
 }
 
-.webrtcsetup {
-    display: none;
-    position: absolute;
-    top: 140px;
-    left: 0;
-    right: 0;
-    margin-left: auto;
-    margin-right: auto;
-    height: 50%;
-    width: 50%;
-    border: white 6px solid;
-}
-
-.webrtcsetup .background-img {
-    position: relative;
-    display: block;
-    width: 40%;
-    height: 60%;
-    margin-left: auto;
-    margin-right: auto;
-    top: 50%;
-    transform: translateY(-50%);
-}
-
-#myCamVideoSetup {
-    width: 100%;
-    height: 100%;
-    -webkit-transform: scaleX(-1);
-    transform: scaleX(-1);
-}
-
-.webrtcsetup.active {
-    display: block;
-}
-
-
 /* New layout */
 
 body {
@@ -884,38 +850,6 @@ input[type=range]:focus::-ms-fill-upper {
 }
 
 
-/*audio html when audio message playing*/
-
-.main-container .audio-playing {
-    position: absolute;
-    width: 200px;
-    height: 54px;
-    right: -210px;
-    top: 40px;
-    transition: all 0.1s ease-out;
-    background-color: black;
-    border-radius: 30px 0 0 30px;
-    display: inline-flex;
-}
-
-.main-container .audio-playing.active {
-    right: 0;
-}
-
-.main-container .audio-playing img {
-    /*width: 30px;*/
-    border-radius: 50%;
-    background-color: #ffda01;
-    padding: 10px;
-}
-
-.main-container .audio-playing p {
-    color: white;
-    margin-left: 10px;
-    margin-top: 14px;
-}
-
-
 /* VIDEO QUALITY */
 
 .main-console div.setting h1 {
@@ -1307,4 +1241,22 @@ div.action.danger p.action-body {
     height: 100%;
     pointer-events: none;
     z-index: 999;
+
+    & > div {
+        position: relative;
+        width: 100%;
+        height: 100%;
+
+        & > div {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+        }
+
+        & > div.scrollable {
+            overflow-y: auto;
+            -webkit-overflow-scrolling: touch;
+            pointer-events: auto;
+        }
+    }
 }