From a530bf2c6ad2a5e9fd94f644e0ee948d52d50392 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sun, 4 Feb 2024 12:53:26 +0300
Subject: [PATCH] rebuild grid for crash

---
 .../css/PagesStyles/games-pages/crash.css     | 16 +++++++++
 luckydiamond/src/assets/css/global.css        | 18 +++++-----
 .../src/pages/games-pages/CrashgamePage.vue   | 36 ++++++++++---------
 3 files changed, 46 insertions(+), 24 deletions(-)
 create mode 100644 luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css

diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css
new file mode 100644
index 0000000..d3e0d7b
--- /dev/null
+++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css
@@ -0,0 +1,16 @@
+.crash-content {
+    display: grid;
+    grid-template-columns: repeat(6, 1fr);
+    grid-template-rows: repeat(5, 1fr);
+    gap: 10px;
+    grid-auto-flow: row;
+    grid-template-areas:
+    "crashgame crashgame crashgame crashgame crashgame crashgame"
+    "crashgame crashgame crashgame crashgame crashgame crashgame"
+    "crashgame crashgame crashgame crashgame crashgame crashgame"
+    "crashplayers crashplayers crashplayers crashplayers crashplayers crashplayers"
+    "crashplayers crashplayers crashplayers crashplayers crashplayers crashplayers";
+    background: #17181C;
+    box-shadow: 0 4px #00000040;
+    border-radius: 20px;
+}
diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css
index ef60c29..b006b14 100644
--- a/luckydiamond/src/assets/css/global.css
+++ b/luckydiamond/src/assets/css/global.css
@@ -82,12 +82,12 @@ body, html {
     grid-auto-flow: row;
     grid-template-areas:
     "menu header header header header header header"
-    "menu crashgame crashgame crashgame crashgame crashgame chat"
-    "menu crashgame crashgame crashgame crashgame crashgame chat"
-    "menu crashgame crashgame crashgame crashgame crashgame chat"
-    "menu crashgame crashgame crashgame crashgame crashgame chat"
-    "menu crashplayers crashplayers crashplayers crashplayers crashplayers chat"
-    "menu crashplayers crashplayers crashplayers crashplayers crashplayers chat";
+    "menu crash crash crash crash crash chat"
+    "menu crash crash crash crash crash chat"
+    "menu crash crash crash crash crash chat"
+    "menu crash crash crash crash crash chat"
+    "menu crash crash crash crash crash chat"
+    "menu crash crash crash crash crash chat";
 }
 
 /* /Content Grid */
@@ -177,13 +177,15 @@ body, html {
 
 /* Crash */
 
+.crash-content {
+    grid-area: crash;
+}
+
 .crash-game {
     grid-area: crashgame;
-    background: #8f07ff;
 }
 
 .crash-game__players {
-    background: #1900ff;
     grid-area: crashplayers;
 }
 
diff --git a/luckydiamond/src/pages/games-pages/CrashgamePage.vue b/luckydiamond/src/pages/games-pages/CrashgamePage.vue
index 00b17e2..7fe191b 100644
--- a/luckydiamond/src/pages/games-pages/CrashgamePage.vue
+++ b/luckydiamond/src/pages/games-pages/CrashgamePage.vue
@@ -7,22 +7,24 @@
 
     <header-component></header-component>
 
-    <section class="crash-game">
-      <div class="crash-game__content">
-        <div class="crash-game__start-window">
+    <div class="crash-content">
+      <section class="crash-game">
+        <div class="crash-game__content">
+          <div class="crash-game__start-window">
+
+          </div>
+          <div class="crash-game__graph">
+<!--            <crash-graph-component></crash-graph-component>-->
+          </div>
+        </div>
+      </section>
+
+      <section class="crash-game__players">
+        <div class="crash-game-players__content">
 
         </div>
-        <div class="crash-game__graph">
-          <crash-graph-component></crash-graph-component>
-        </div>
-      </div>
-    </section>
-
-    <section class="crash-game__players">
-      <div class="crash-game-players__content">
-
-      </div>
-    </section>
+      </section>
+    </div>
 
   </div>
 </template>
@@ -31,9 +33,11 @@
 import HeaderComponent from "@/components/HeaderComponent.vue";
 import AsideBarComponent from "@/components/AsidebarComponent.vue";
 import ChatComponent from "@/components/ChatComponent.vue";
-import CrashGraphComponent from "@/components/games-components/CrashGraphComponent.vue";
+// import CrashGraphComponent from "@/components/games-components/CrashGraphComponent.vue";
+
+import '@/assets/css/PagesStyles/games-pages/crash.css'
 
 export default {
-  components: { HeaderComponent, AsideBarComponent, ChatComponent, CrashGraphComponent }
+  components: { HeaderComponent, AsideBarComponent, ChatComponent }
 }
 </script>
\ No newline at end of file