Clean up some styles and fix mobile rendering
This commit is contained in:
@@ -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%;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user