[frontend] Rework settings panel responsiveness

Iceshrimp.Frontend/Components/SettingsMenu.razor.css

@@ -14,7 +14,6 @@
 
 .nav {
     padding-top: 1rem;
-    max-width: 10rem;
     min-width: 10rem;
 }
 

Iceshrimp.Frontend/Layout/SettingsLayout.razor

@@ -19,6 +19,3 @@
         @Body
     </div>
 </div>
-
-@code {
-}

Iceshrimp.Frontend/Layout/SettingsLayout.razor.css

@@ -8,4 +8,10 @@
     width: 100%;
     height: 100%;
     padding: 2rem;
+}
+
+@media(max-width: 1000px){
+    .sidebar {
+        display: none;
+    }
 }

Iceshrimp.Frontend/Pages/Settings/Settings.razor

@@ -1,9 +1,24 @@
 @page "/Settings"
-@layout SettingsLayout
-@inject NavigationManager Nav;
+@using Iceshrimp.Frontend.Components
+@using Microsoft.AspNetCore.Components.Sections
+@using Iceshrimp.Assets.PhosphorIcons
+@using Iceshrimp.Frontend.Localization
+@using Microsoft.Extensions.Localization
+@inject NavigationManager              Nav;
+@inject IStringLocalizer<Localization> Loc;
+
+<SectionContent SectionName="top-bar">
+    <Icon Name="Icons.Gear"></Icon>
+    @Loc["Settings"]
+</SectionContent>
+
+<div class="body">
+    <SettingsMenu/>
+</div>
+
 @code {
     protected override void OnInitialized()
     {
-        Nav.NavigateTo("/settings/profile");
+        // Nav.NavigateTo("/settings/profile");
     }
 }

Iceshrimp.Frontend/Pages/Settings/Settings.razor.css

@@ -0,0 +1,3 @@
+.body {
+    max-width: 25rem;
+}