Changeset 3a783f2 for styles/globals.scss

Timestamp:

07/05/22 16:36:24 (2 years ago)

Author:

anastasovv <simon@…>

Branches:

main

Children:

189cd8f

Parents:

b13f93b

Message:

Finished poker and added ball to roulette

File:

• styles/globals.scss (modified) (4 diffs)

styles/globals.scss

@@ -772 +772 @@
 }
 
+#rouletteBall {
+  position: absolute;
+  top: 87.5%;
+  left: 17.5%;
+
+  width: 1rem;
+}
+
 #rouletteBetsImg {
   position: absolute;
@@ -850 +858 @@
 
 .rouletteBetModal {
+  z-index: 20;
+
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  position: fixed;
+  left: 0;
+  top: 0;
+
+  width: 100vw;
+  height: 100vh;
+
+  background: #000000c0;
+
+  p {
+    margin-bottom: 1rem;
+
+    padding: 10px 20px;
+    border-radius: 5px;
+
+    transition: all .25s linear;
+
+    span {
+      font-size: 1.2rem;
+      color: #ead24d;
+    }
+  }
+}
+
+.pokerRaiseModal {
   z-index: 20;
 
@@ -1021 +1060 @@
 
       &.onTurn {
-        border: 5px solid #ead24d;
+        border: 5px dotted #ead24d;
+        background-color: #ead24d55;
       }
 
       &.folded {
-        border: 5px solid rgba(71, 64, 24, 0.667);
+        border: 5px solid rgba(59, 59, 59, 0.667);
+        background-color: rgba(59, 59, 59, 0.667);
       }
 
@@ -1065 +1106 @@
   }
 
+  .pokerPotContainer {
+    position: absolute;
+    top: 57vh;
+    left: 50vw;
+
+    transform: translate(-50%, -50%);
+  }
+
   .pokerPlayButtonsContainer {
     position: absolute;
-    top: 59vh;
+    top: 62vh;
     left: 50vw;