From 22b398ed5eb5852f4f74f757dbe716267f1ac0fb Mon Sep 17 00:00:00 2001
From: Hepatica <danil.tkachenko@getmore.cz>
Date: Mon, 1 Apr 2024 23:19:14 +0200
Subject: [PATCH] Add members showing in game

---
 .../css/PagesStyles/games-pages/double.css    | 45 ++++++++++++++++++-
 .../src/pages/games-pages/DoublePage.vue      | 29 +++++++++---
 2 files changed, 67 insertions(+), 7 deletions(-)

diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/double.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/double.css
index 429647a..e216984 100644
--- a/luckydiamond/src/assets/css/PagesStyles/games-pages/double.css
+++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/double.css
@@ -17,6 +17,49 @@
     height: 94%;
 }
 
+.double-members-ingame-red {
+    z-index: 1;
+    border: 2px solid #3B4260;
+    border-radius: 15px;
+    background: #1C2133;
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    margin-top: 1vh;
+    margin-top: 1vh;
+    width: 100%;
+    height: 94%;
+}
+
+.double-members-ingame-green {
+    z-index: 1;
+    border: 2px solid #3B4260;
+    border-radius: 15px;
+    background: #1C2133;
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    margin-top: 1vh;
+    margin-top: 1vh;
+    width: 100%;
+    height: 94%;
+}
+
+.double-members-ingame-black {
+    z-index: 1;
+    border: 2px solid #3B4260;
+    border-radius: 15px;
+    background: #1C2133;
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    margin-top: 1vh;
+    margin-top: 1vh;
+    width: 100%;
+    height: 94%;
+}
+
+.double-game {
+    z-index: 1;
+    border-radius: 20px;
+    width: 69%;
+    height: 94%;
+}
+
 .double-game-main-box {
     border-radius: 10px;
     border: 1px solid #262C55;
@@ -41,8 +84,6 @@
     height: 95%;
 }
 
-
-
 .container-double-history-text {
     display: flex;
 }
diff --git a/luckydiamond/src/pages/games-pages/DoublePage.vue b/luckydiamond/src/pages/games-pages/DoublePage.vue
index ee48dcc..ce2cb5d 100644
--- a/luckydiamond/src/pages/games-pages/DoublePage.vue
+++ b/luckydiamond/src/pages/games-pages/DoublePage.vue
@@ -111,12 +111,31 @@
                   </Carousel>
                 </div>
               </div>
-              <div class="col-md-12">
-                <h1>double</h1>
-                <h2 v-if="timeToGame !== null">
-                  time to game - {{ timeToGame.toFixed(0) }}
-                </h2>
+              <div class="col-md-4" style="padding-left: 0px">
+                <div class="double-members-ingame-red">
+                  <h1>Red X2</h1>
+                  <h1>fds</h1>
+                  <h1>fds</h1>
+                  <h1>fds</h1>
+                </div>
               </div>
+              <div class="col-md-4">
+                <div class="double-members-ingame-green">
+                  <h1>Red X2</h1>
+                  <h1>fds</h1>
+                  <h1>fds</h1>
+                  <h1>fds</h1>
+                </div>
+              </div>
+              <div class="col-md-4">
+                <div class="double-members-ingame-black">
+                  <h1>Red X2</h1>
+                  <h1>fds</h1>
+                  <h1>fds</h1>
+                  <h1>fds</h1>
+                </div>
+              </div>
+
               <!-- </div> -->
             </div>
           </div>