diff --git a/Iceshrimp.Frontend/Components/Dropdown.razor.css b/Iceshrimp.Frontend/Components/Dropdown.razor.css index cc7b2263..96c2e0e3 100644 --- a/Iceshrimp.Frontend/Components/Dropdown.razor.css +++ b/Iceshrimp.Frontend/Components/Dropdown.razor.css @@ -22,3 +22,13 @@ .dropdown-root:hover { background-color: var(--hover-color); } + +@media (max-width: 1000px) { + .dropdown-menu { + top: 3.5rem; + left: 0; + position: fixed; + width: 100vw; + max-width: 100vw; + } +} diff --git a/Iceshrimp.Frontend/Components/DropdownElement.razor.css b/Iceshrimp.Frontend/Components/DropdownElement.razor.css index 2bc53629..4d9b8d17 100644 --- a/Iceshrimp.Frontend/Components/DropdownElement.razor.css +++ b/Iceshrimp.Frontend/Components/DropdownElement.razor.css @@ -12,4 +12,8 @@ .dropdown-element { margin: 0.5em 0.25em; } + + .dropdown-element + .dropdown-element { + margin-top: 1rem; + } } \ No newline at end of file