Safe area fixes, show update alert fixes

codemonkey85 · Nov 22, 2024 · 398048a · 398048a
1 parent 686a827
commit 398048a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/Pkmds.Web/App.razor.cs b/Pkmds.Web/App.razor.cs
@@ -13,5 +13,9 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     }
 
     [JSInvokable]
-    public void ShowUpdateMessage() => AppState.UpdateAvailable = true;
+    public void ShowUpdateMessage()
+    {
+        AppState.UpdateAvailable = true;
+        RefreshService.Refresh();
+    }
 }
diff --git a/Pkmds.Web/Components/Layout/MainLayout.razor b/Pkmds.Web/Components/Layout/MainLayout.razor
@@ -44,7 +44,8 @@
                            Variant="@Variant.Outlined" />
         </MudStack>
     </MudAppBar>
-    <MudDrawer @bind-Open="@AppService.IsDrawerOpen">
+    <MudDrawer @bind-Open="@AppService.IsDrawerOpen"
+               Class="menu-container">
         <MudStack Spacing="3"
                   Class="my-3">
             <MudButton OnClick="@ShowLoadSaveFileDialog"

diff --git a/Pkmds.Web/wwwroot/css/app.css b/Pkmds.Web/wwwroot/css/app.css
@@ -6,6 +6,12 @@ body, html {
     box-sizing: border-box;
 }
 
+.menu-container {
+    padding-bottom: env(safe-area-inset-bottom, 16px); /* Fallback to 16px */
+    padding-left: env(safe-area-inset-left, 8px); /* Fallback to 8px */
+    box-sizing: border-box;
+}
+
 pkm-sprite {
     object-fit: contain;
     align-self: center;