Set home, chat page height so footer, header visible w/o scroll on phone

Set dynamic view height of page to 100%
This commit is contained in:
Debanjum Singh Solanky
2024-08-03 13:05:29 +05:30
parent 687a881ad2
commit 5b17fa5dda
4 changed files with 5 additions and 9 deletions

View File

@@ -1,5 +1,5 @@
div.main {
height: 100vh;
height: 100dvh;
color: hsla(var(--foreground));
}
@@ -15,7 +15,6 @@ div.inputBox {
border: 1px solid var(--border-color);
border-radius: 16px;
margin-bottom: 20px;
gap: 12px;
align-content: center;
}
@@ -86,13 +85,11 @@ div.homeGreetings {
grid-template-rows: 1fr 2fr;
}
div.sidePanel {
position: fixed;
height: 100%;
}
@media screen and (max-width: 768px) {
div.inputBox {
margin-bottom: 0px;
@@ -123,6 +120,6 @@ div.sidePanel {
}
div.homeGreetings {
grid-template-rows: auto;
grid-template-rows: auto 1fr;
}
}