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 @@
-
-
@@ -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 }
}
\ No newline at end of file