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