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

[frontend] min-width like this will break on small screens

Browse source
This commit is contained in:
Lilian 2024-10-24 23:12:41 +02:00
parent cb1067d3d5
commit 194cbb97db
No known key found for this signature in database
2 changed files with 0 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
Iceshrimp.Frontend/Pages/SingleNote.razor.css
View file

@ -1,6 +1,5 @@
.root-note { .root-note {
max-width: 45rem; max-width: 45rem;
min-width: 25rem;
background-color: var(--foreground-color); background-color: var(--foreground-color);
width: 100%; width: 100%;
padding-bottom: 1rem; padding-bottom: 1rem;

8
Iceshrimp.Frontend/wwwroot/css/app.css
View file

@ -123,7 +123,6 @@ input, textarea, select {
background-color: var(--foreground-color); background-color: var(--foreground-color);
border: none; border: none;
outline: none; outline: none;
min-width: 20em;
max-width: 50em; max-width: 50em;
border-radius: 0.5em; border-radius: 0.5em;
padding: 0.5em; padding: 0.5em;
@ -132,13 +131,6 @@ input, textarea, select {
} }
/* This is hella wonky and I have no idea how to make it behave but but oh well 🥴 */
@media (max-width: 1000px) {
input, textarea, select {
min-width: 11.233em;
}
}
select:after { select:after {
padding-right: 0.5em; padding-right: 0.5em;
} }