Fix shell omnibox drawer layout

src/RolemasterDb.App/Components/Primitives/SurfaceDrawer.razor

@@ -2,7 +2,7 @@
 {
     <button
         type="button"
-        class="surface-drawer-backdrop"
+        class="@BuildBackdropCssClass()"
         aria-label="@CloseLabel"
         @onclick="HandleCloseAsync"></button>
 
@@ -61,6 +61,9 @@
     [Parameter]
     public string? CssClass { get; set; }
 
+    [Parameter]
+    public string? BackdropCssClass { get; set; }
+
     private string BuildCssClass()
     {
         var classes = new List<string> { "surface-drawer", $"is-{Placement.Trim().ToLowerInvariant()}" };
@@ -72,6 +75,17 @@
         return string.Join(' ', classes);
     }
 
+    private string BuildBackdropCssClass()
+    {
+        var classes = new List<string> { "surface-drawer-backdrop" };
+        if (!string.IsNullOrWhiteSpace(BackdropCssClass))
+        {
+            classes.Add(BackdropCssClass);
+        }
+
+        return string.Join(' ', classes);
+    }
+
     private Task HandleCloseAsync() =>
         OnClose.InvokeAsync();
 }

src/RolemasterDb.App/Components/Shell/AppShell.razor.css

@@ -1,4 +1,6 @@
 .app-shell {
+    --shell-header-height: 5.75rem;
+    --shell-mobile-nav-height: 0rem;
     min-height: 100vh;
     display: flex;
     flex-direction: column;
@@ -200,6 +202,11 @@
 }
 
 @media (max-width: 767.98px) {
+    .app-shell {
+        --shell-header-height: 5.1rem;
+        --shell-mobile-nav-height: 5.5rem;
+    }
+
     .app-shell-header {
         padding: 0.65rem 0.75rem 0;
     }

src/RolemasterDb.App/Components/Shell/ShellOmniboxTrigger.razor

@@ -16,6 +16,7 @@
     Title="Search tables and commands"
     AriaLabel="Search tables and commands"
     CssClass="shell-omnibox-drawer"
+    BackdropCssClass="shell-omnibox-backdrop"
     OnClose="CloseAsync">
     <div class="shell-omnibox-panel">
         <label class="shell-omnibox-search">