yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 04:09:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

rebuild grid for crash

Browse Source
This commit is contained in:
Kostya
2024-02-04 12:53:26 +03:00
parent d6ecad2554
commit a530bf2c6a
3 changed files with 46 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
luckydiamond/src/assets/css/PagesStyles/games-pages/crash.css Normal file
View File

@@ -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;
}

18
luckydiamond/src/assets/css/global.css
View File

@@ -82,12 +82,12 @@ body, html {
grid-auto-flow: row; grid-auto-flow: row;
grid-template-areas: grid-template-areas:
"menu header header header header header header" "menu header header header header header header"
"menu crashgame crashgame crashgame crashgame crashgame chat" "menu crash crash crash crash crash chat"
"menu crashgame crashgame crashgame crashgame crashgame chat" "menu crash crash crash crash crash chat"
"menu crashgame crashgame crashgame crashgame crashgame chat" "menu crash crash crash crash crash chat"
"menu crashgame crashgame crashgame crashgame crashgame chat" "menu crash crash crash crash crash chat"
"menu crashplayers crashplayers crashplayers crashplayers crashplayers chat" "menu crash crash crash crash crash chat"
"menu crashplayers crashplayers crashplayers crashplayers crashplayers chat"; "menu crash crash crash crash crash chat";
} }
/* /Content Grid */ /* /Content Grid */
@@ -177,13 +177,15 @@ body, html {
/* Crash */ /* Crash */
.crash-content {
grid-area: crash;
}
.crash-game { .crash-game {
grid-area: crashgame; grid-area: crashgame;
background: #8f07ff;
} }
.crash-game__players { .crash-game__players {
background: #1900ff;
grid-area: crashplayers; grid-area: crashplayers;
} }

36
luckydiamond/src/pages/games-pages/CrashgamePage.vue
View File

@@ -7,22 +7,24 @@
<header-component></header-component> <header-component></header-component>
<section class="crash-game"> <div class="crash-content">
<div class="crash-game__content"> <section class="crash-game">
<div class="crash-game__start-window"> <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>
<div class="crash-game__graph"> </section>
<crash-graph-component></crash-graph-component> </div>
</div>
</div>
</section>
<section class="crash-game__players">
<div class="crash-game-players__content">
</div>
</section>
</div> </div>
</template> </template>
@@ -31,9 +33,11 @@
import HeaderComponent from "@/components/HeaderComponent.vue"; import HeaderComponent from "@/components/HeaderComponent.vue";
import AsideBarComponent from "@/components/AsidebarComponent.vue"; import AsideBarComponent from "@/components/AsidebarComponent.vue";
import ChatComponent from "@/components/ChatComponent.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 { export default {
components: { HeaderComponent, AsideBarComponent, ChatComponent, CrashGraphComponent } components: { HeaderComponent, AsideBarComponent, ChatComponent }
} }
</script> </script>