refactor: rename grid area

This commit is contained in:
Alejandro Gomez
2023-06-26 15:39:02 +02:00
parent ddbe0e2a92
commit bda0d36f9a
2 changed files with 6 additions and 6 deletions

View File

@ -2,7 +2,7 @@
display: grid; display: grid;
grid-template-areas: grid-template-areas:
"header" "header"
"video-content" "main-content"
"profile" "profile"
"chat"; "chat";
grid-template-rows: 64px 230px 56px min-content; grid-template-rows: 64px 230px 56px min-content;
@ -15,7 +15,7 @@
display: grid; display: grid;
grid-template-areas: grid-template-areas:
"header" "header"
"video-content"; "main-content";
grid-template-rows: 64px 1fr; grid-template-rows: 64px 1fr;
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
@ -38,8 +38,8 @@
display: grid; display: grid;
grid-template-areas: grid-template-areas:
"header header" "header header"
"video-content profile" "main-content profile"
"video-content chat"; "main-content chat";
grid-template-rows: 64px min-content; grid-template-rows: 64px min-content;
grid-template-columns: minmax(600px, 1fr) min-content; grid-template-columns: minmax(600px, 1fr) min-content;
gap: 0; gap: 0;
@ -56,7 +56,7 @@
grid-template-rows: unset; grid-template-rows: unset;
grid-template-areas: grid-template-areas:
"header header" "header header"
"video-content chat" "main-content chat"
"profile chat"; "profile chat";
gap: 0; gap: 0;
} }

View File

@ -1,5 +1,5 @@
.video-content { .video-content {
grid-area: video-content; grid-area: main-content;
} }