Clean up some styles and fix mobile rendering

This commit is contained in:
Gabe Kangas
2022-09-09 23:23:24 -07:00
parent 02de9cf6df
commit 20ea5d051f
8 changed files with 17 additions and 70 deletions

View File

@@ -1,7 +1,7 @@
.root {
display: grid;
grid-template-columns: 1fr auto;
height: 100%;
background-color: var(--theme-color-background-main);
.topSection {
@@ -25,26 +25,3 @@
top: 50%;
z-index: 999999;
}
.mobile {
&.root {
display: flex;
flex-direction: column;
height: calc(100vh - 64px);
overflow: hidden;
.topSection {
display: grid;
grid-template-rows: 30vh 5vh 5vh;
height: 40vh;
}
.lowerSection {
height: 60vh;
}
}
.mobileChat {
position: relative;
display: block;
height: 100%;
width: 100%;
}
}