Changeset 3a783f2 for styles/globals.css

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.css (modified) (4 diffs)

styles/globals.css

@@ -785 +785 @@
 }
 
+#rouletteBall {
+  position: absolute;
+  top: 87.5%;
+  left: 17.5%;
+  width: 1rem;
+}
+
 #rouletteBetsImg {
   position: absolute;
@@ -893 +900 @@
 }
 
+.pokerRaiseModal {
+  z-index: 20;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+  background: #000000c0;
+}
+
+.pokerRaiseModal p {
+  margin-bottom: 1rem;
+  padding: 10px 20px;
+  border-radius: 5px;
+  -webkit-transition: all .25s linear;
+  transition: all .25s linear;
+}
+
+.pokerRaiseModal p span {
+  font-size: 1.2rem;
+  color: #ead24d;
+}
+
 /**
   * Spin effect on the roulette wheel
@@ -1093 +1133 @@
 }
 
+.pokerMainContainer .pokerChairsContainer .pokerChair.onTurn {
+  border: 5px dotted #ead24d;
+  background-color: #ead24d55;
+}
+
+.pokerMainContainer .pokerChairsContainer .pokerChair.folded {
+  border: 5px solid rgba(59, 59, 59, 0.667);
+  background-color: rgba(59, 59, 59, 0.667);
+}
+
 .pokerMainContainer .pokerChairsContainer .pokerChair > div p {
   margin-block: 2px;
@@ -1127 +1177 @@
 }
 
+.pokerMainContainer .pokerPotContainer {
+  position: absolute;
+  top: 57vh;
+  left: 50vw;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+
 .pokerMainContainer .pokerPlayButtonsContainer {
   position: absolute;
-  top: 59vh;
+  top: 62vh;
   left: 50vw;
   -webkit-transform: translate(-50%, -50%);