changed grid

This commit is contained in:
Kostya
2023-11-18 19:11:12 +03:00
parent d30745e9dd
commit fc85868112

View File

@@ -21,7 +21,7 @@ body, html {
.content-grid {
display: grid;
grid-template-columns: repeat(6, 1fr) 2fr;
grid-template-columns: .3fr repeat(5, 1fr) 1.2fr;
grid-template-rows: repeat(6, 1fr);
grid-auto-columns: 1fr;
gap: 0px 0px;
@@ -33,6 +33,8 @@ body, html {
"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: 10px;
}
/* /Content Grid */
@@ -41,6 +43,9 @@ body, html {
.header {
grid-area: header;
border-radius: 20px;
background: #17181C;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
/* /Header */
@@ -49,6 +54,10 @@ body, html {
.menu {
grid-area: menu;
background: #17181C;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
border-radius: 20px;
height: 100%;
}
/* /Menu */
@@ -57,6 +66,9 @@ body, html {
.chat {
grid-area: chat;
background: #16171B;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
border-radius: 20px;
}
/* /Chat */
@@ -65,6 +77,9 @@ body, html {
.main {
grid-area: main;
background: #999;
height: 100%;
padding-top: 200px;
}
/* /Main */
@@ -73,6 +88,7 @@ body, html {
.gamemode {
grid-area: gamemode;
background: #123123;
}
/* /GameMode */