ebolo/CaddyManager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: style the app bar and drawer

Browse Source
This commit is contained in:
ebolo
2025-01-23 22:40:57 +07:00
parent ae7844eb45
commit a6d3807703
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
CaddyManager/Components/Layout/MainLayout.razor
View File

@@ -13,6 +13,7 @@
<MudLayout> <MudLayout>
<MudAppBar Elevation="1" Dense="true"> <MudAppBar Elevation="1" Dense="true">
<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@_drawer.ToggleDrawer" /> <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@_drawer.ToggleDrawer" />
<MudText Typo="Typo.h6">Caddy Manager</MudText>
<MudSpacer /> <MudSpacer />
<MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" Href="https://github.com/MudBlazor/MudBlazor" Target="_blank" /> <MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" Href="https://github.com/MudBlazor/MudBlazor" Target="_blank" />
</MudAppBar> </MudAppBar>

12
CaddyManager/Components/Layout/NavigationDrawer.razor
View File

@@ -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> <MudDrawerHeader>
<MudText Typo="Typo.h6">Caddy Manager</MudText> <MudText Typo="Typo.h6">Caddy Manager</MudText>
</MudDrawerHeader> </MudDrawerHeader>
<MudNavMenu> <MudNavMenu>
<MudNavLink Match="NavLinkMatch.All" Href="/" Icon="@Icons.Custom.FileFormats.FileCode">Reverse Proxies</MudNavLink> <MudNavLink Match="NavLinkMatch.All" Href="/" Icon="@Icons.Custom.FileFormats.FileCode">Reverse Proxies
<MudNavLink Match="NavLinkMatch.All" Href="/caddyfile" Icon="@Icons.Material.Filled.Language">Global Caddyfile</MudNavLink> </MudNavLink>
<MudNavLink Match="NavLinkMatch.All" Href="/settings" Icon="@Icons.Material.Filled.Settings">Settings</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> </MudNavMenu>
</MudDrawer> </MudDrawer>