Changeset faff334 for styles/globals.scss

Timestamp:

07/18/22 13:59:55 (23 months ago)

Author:

anastasovv <simon@…>

Branches:

main

Children:

22367db

Parents:

e903234

Message:

Ability for admin to watch live games and for user to see games history

File:

• styles/globals.scss (modified) (1 diff)

styles/globals.scss

@@ -591 +591 @@
 }
 
+.liveGamesMegaContainer {
+  margin-top: 3rem;
+
+  display: flex;
+  flex-direction: column;
+  gap: 8rem;
+
+  .liveGamesContainer {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    gap: 2rem;
+
+    h3 {
+      color: white;
+    }
+
+    &>div {
+      width: 100%;
+      padding: 2rem;
+
+      transition: all .2s linear;
+      box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
+      &:hover {
+        box-shadow: 0 5px 25px rgba(0, 0, 0, .25);
+      }
+
+      h6 {
+        span {
+          color: white;
+        }
+
+        margin-inline: 0;
+        margin-block: .5rem;
+
+        color: #ead24d;
+        font-weight: normal;
+        font-size: 1.2rem;
+
+        text-align: center;
+      }
+
+      &.liveBlackjackGame {
+        display: flex;
+
+        &>div {
+          flex: 1;
+          display: flex;
+          flex-direction: column;
+
+          &:nth-child(1) {
+            align-items: flex-start;
+          }
+
+          &:nth-child(2) {
+            align-items: center;
+
+            &>div {
+              flex-direction: column;
+              justify-content: center;
+            }
+          }
+
+          &:nth-child(3) {
+            align-items: flex-end;
+
+            h5 {
+              margin-inline: 4rem;
+            }
+          }
+
+          p {
+            margin-top: 1rem;
+            
+            font-size: 1.5rem;
+          }
+
+          h5 {
+            font-size: 5rem;
+            font-weight: 100;
+            font-style: italic;
+
+            margin-inline: 3rem;
+            margin-block: 0;
+
+            display: flex;
+            align-items: center;
+          }
+
+          &>div {
+            display: flex;
+
+            margin-inline: 2.5rem;
+
+            .card {
+              margin-inline: -2.5rem;
+            
+              position: relative;
+            }
+          }
+        }
+      }
+
+      .cardsOnTable, .cards {
+        display: flex;
+
+        margin-inline: 2.5rem;
+
+        .card {
+          margin-inline: -2.5rem;
+            
+          position: relative;
+        }
+      }
+
+      .cardsOnTable {
+        display: flex;
+        justify-content: center;
+      }
+
+      .cards {
+        .card {
+          margin-inline: -1.6rem;
+          
+          height: 100px;
+        }
+      }
+
+      .playerInLiveRouletteGame, .playerInLivePokerGame {
+        display: flex;
+        align-items: center;
+
+        &>div {
+          flex: 1;
+        }
+      }
+
+      .playerInLivePokerGame {
+        margin-block: .8rem;
+      }
+    }
+  }
+}
+
 .complaintsScreen {
   z-index: 20;