[frontend/components] Fix compose going off screen and add mobile styling
This commit is contained in:
parent
9e37942e9d
commit
ec0e23a1f7
1 changed files with 25 additions and 0 deletions
|
@ -25,6 +25,7 @@
|
|||
margin: auto;
|
||||
background-color: unset;
|
||||
z-index: +11;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.backdrop {
|
||||
|
@ -139,3 +140,27 @@
|
|||
left: 0;
|
||||
z-index: -2
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
.dialog {
|
||||
z-index: +25;
|
||||
}
|
||||
|
||||
.compose {
|
||||
top: 0;
|
||||
width: 100%;
|
||||
max-width: unset;
|
||||
min-height: 100vh;
|
||||
padding-top: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 1rem 0 0.5rem;
|
||||
z-index: +2;
|
||||
background-color: var(--background-color);
|
||||
}
|
||||
}
|
Loading…
Add table
Reference in a new issue