refactor: rename grid area
This commit is contained in:
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
.video-content {
|
.video-content {
|
||||||
grid-area: video-content;
|
grid-area: main-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user