From a6d380770338ce9f3996f537b96fdf04977aaa50 Mon Sep 17 00:00:00 2001
From: ebolo <daothanhduy305@gmail.com>
Date: Thu, 23 Jan 2025 22:40:57 +0700
Subject: [PATCH] feat: style the app bar and drawer

---
 CaddyManager/Components/Layout/MainLayout.razor      |  1 +
 .../Components/Layout/NavigationDrawer.razor         | 12 ++++++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/CaddyManager/Components/Layout/MainLayout.razor b/CaddyManager/Components/Layout/MainLayout.razor
index a9feeb8..309b7ea 100644
--- a/CaddyManager/Components/Layout/MainLayout.razor
+++ b/CaddyManager/Components/Layout/MainLayout.razor
@@ -13,6 +13,7 @@
 <MudLayout>
     <MudAppBar Elevation="1" Dense="true">
         <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@_drawer.ToggleDrawer" />
+        <MudText Typo="Typo.h6">Caddy Manager</MudText>
         <MudSpacer />
         <MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" Href="https://github.com/MudBlazor/MudBlazor" Target="_blank" />
     </MudAppBar>
diff --git a/CaddyManager/Components/Layout/NavigationDrawer.razor b/CaddyManager/Components/Layout/NavigationDrawer.razor
index fa01f8e..2f9daf2 100644
--- a/CaddyManager/Components/Layout/NavigationDrawer.razor
+++ b/CaddyManager/Components/Layout/NavigationDrawer.razor
@@ -1,10 +1,14 @@
-<MudDrawer @bind-Open="@_drawerOpen" ClipMode="DrawerClipMode.Docked" Elevation="1" Variant="@DrawerVariant.Responsive">
+<MudDrawer @bind-Open="@_drawerOpen" ClipMode="DrawerClipMode.Docked" Elevation="1" Variant="@DrawerVariant.Temporary"
+           OverlayAutoClose="true">
     <MudDrawerHeader>
         <MudText Typo="Typo.h6">Caddy Manager</MudText>
     </MudDrawerHeader>
     <MudNavMenu>
-        <MudNavLink Match="NavLinkMatch.All" Href="/" Icon="@Icons.Custom.FileFormats.FileCode">Reverse Proxies</MudNavLink>
-        <MudNavLink Match="NavLinkMatch.All" Href="/caddyfile" Icon="@Icons.Material.Filled.Language">Global Caddyfile</MudNavLink>
-        <MudNavLink Match="NavLinkMatch.All" Href="/settings" Icon="@Icons.Material.Filled.Settings">Settings</MudNavLink>
+        <MudNavLink Match="NavLinkMatch.All" Href="/" Icon="@Icons.Custom.FileFormats.FileCode">Reverse Proxies
+        </MudNavLink>
+        <MudNavLink Match="NavLinkMatch.All" Href="/caddyfile" Icon="@Icons.Material.Filled.Language">Global Caddyfile
+        </MudNavLink>
+        <MudNavLink Match="NavLinkMatch.All" Href="/settings" Icon="@Icons.Material.Filled.Settings">Settings
+        </MudNavLink>
     </MudNavMenu>
 </MudDrawer>
\ No newline at end of file