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

[frontend/components] Make dropdowns larger on mobile

Browse source
This commit is contained in:
pancakes 2025-02-14 23:04:57 +10:00 • committed by Laura Hausmann
parent 07ca99f814
commit 7caabbdbfd
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
2 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
Iceshrimp.Frontend/Components/Dropdown.razor.css
View file

@ -22,3 +22,13 @@
.dropdown-root:hover { .dropdown-root:hover {
background-color: var(--hover-color); background-color: var(--hover-color);
} }
@media (max-width: 1000px) {
.dropdown-menu {
top: 3.5rem;
left: 0;
position: fixed;
width: 100vw;
max-width: 100vw;
}
}

4
Iceshrimp.Frontend/Components/DropdownElement.razor.css
View file

@ -12,4 +12,8 @@
.dropdown-element { .dropdown-element {
margin: 0.5em 0.25em; margin: 0.5em 0.25em;
} }
.dropdown-element + .dropdown-element {
margin-top: 1rem;
}
} }