changed grid for building chat template

This commit is contained in:
Kostya
2023-11-19 13:40:44 +03:00
parent 1365a4a996
commit 9a5dacdbb9

View File

@@ -24,7 +24,7 @@ body, html {
.content-grid { .content-grid {
display: grid; display: grid;
grid-template-columns: .35fr repeat(5, 1fr) 1.2fr; grid-template-columns: .35fr repeat(5, 1fr) 1.2fr;
grid-template-rows: repeat(6, 1fr); grid-template-rows: auto 0fr repeat(4, 1fr); /* Updated this line */
grid-auto-columns: 1fr; grid-auto-columns: 1fr;
grid-auto-flow: row; grid-auto-flow: row;
grid-template-areas: grid-template-areas:
@@ -38,6 +38,7 @@ body, html {
grid-gap: 10px; grid-gap: 10px;
} }
/* /Content Grid */ /* /Content Grid */
/* Header */ /* Header */
@@ -72,6 +73,9 @@ body, html {
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
border-radius: 20px; border-radius: 20px;
align-self: start; align-self: start;
margin-top: -2.9%;
position: relative;
z-index: 3;
} }
/* /Chat */ /* /Chat */