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

Add jackpot page

Browse Source
This commit is contained in:
Hepatica
2024-02-13 23:11:16 +01:00
parent 904ab834b7
commit 179f82ccb0
5 changed files with 112 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
luckydiamond/src/assets/css/PagesStyles/games-pages/jackpot.css Normal file
View File

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

@@ -11,7 +11,8 @@ ul {
list-style: none;
}
body, html {
body,
html {
background: #121212;
height: 100%;
margin: 0;
@@ -47,12 +48,12 @@ button {
grid-auto-columns: 1fr;
grid-auto-flow: row;
grid-template-areas:
"menu header header header header header header"
"menu main main main main main chat"
"menu main main main main main chat"
"menu gamemode gamemode gamemode gamemode gamemode chat"
"menu gamemode gamemode gamemode gamemode gamemode chat"
"menu gamemode gamemode gamemode gamemode gamemode chat";
"menu header header header header header header"
"menu main main main main main chat"
"menu main main main main main chat"
"menu gamemode gamemode gamemode gamemode gamemode chat"
"menu gamemode gamemode gamemode gamemode gamemode chat"
"menu gamemode gamemode gamemode gamemode gamemode chat";
height: 100%;
grid-gap: 0.625rem;
}
@@ -64,13 +65,14 @@ button {
grid-auto-columns: 1fr;
grid-auto-flow: row;
grid-template-areas:
"menu header header header header header header"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat";
"menu header header header header header header"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat"
"menu profile profile profile profile profile chat";
grid-gap: 0.625rem;
height: 100%;
}
@@ -81,13 +83,29 @@ button {
grid-template-columns: 0.35fr repeat(5, 1fr) 1fr;
grid-template-rows: auto 0fr repeat(4, 1fr);
grid-template-areas:
"menu header header header header header header"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat";
"menu header header header header header header"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat";
grid-gap: 0.625rem;
}
.content-grid--jackpot {
display: grid;
grid-auto-columns: 1fr;
grid-template-columns: 0.35fr repeat(5, 1fr) 1fr;
grid-template-rows: auto 0fr repeat(4, 1fr);
grid-template-areas:
"menu header header header header header header"
"menu jackpot jackpot jackpot jackpot jackpot chat"
"menu jackpot jackpot jackpot jackpot jackpot chat"
"menu jackpot jackpot jackpot jackpot jackpot chat"
"menu jackpot jackpot jackpot jackpot jackpot chat"
"menu jackpot jackpot jackpot jackpot jackpot chat"
"menu jackpot jackpot jackpot jackpot jackpot chat";
grid-gap: 0.625rem;
}
@@ -99,13 +117,13 @@ button {
gap: 0.625rem;
grid-auto-flow: row;
grid-template-areas:
"menu header header header header header header"
"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";
"menu header header header header header header"
"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 */
@@ -182,6 +200,16 @@ button {
margin: 0.625rem 2.438rem 1.125rem 1.125rem;
}
.jackpot {
display: flex;
grid-area: jackpot;
height: 95%;
border-radius: 3.125rem;
background: #17181C;
box-shadow: 0.25rem 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.25);
margin: 0.625rem 2.438rem 1.125rem 1.125rem;
}
/* /Profile */
/* Saper */
@@ -211,4 +239,4 @@ button {
/* Media */
/* /Media */
/* /Media */