notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/components] Fix compose going off screen and add mobile styling

Browse source
This commit is contained in:
pancakes 2025-01-12 22:14:13 +10:00
parent 9e37942e9d
commit ec0e23a1f7
No known key found for this signature in database
GPG key ID: ED53D426432B861B
1 changed files with 25 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
Iceshrimp.Frontend/Components/Compose.razor.css
View file

@ -25,6 +25,7 @@
margin: auto; margin: auto;
background-color: unset; background-color: unset;
z-index: +11; z-index: +11;
overflow-y: scroll;
} }
.backdrop { .backdrop {
@ -139,3 +140,27 @@
left: 0; left: 0;
z-index: -2 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);
}
}