phares3757/oi-metrology
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MudBlazor

Browse Source
This commit is contained in:
Mike Phares
2023-01-19 19:40:39 -07:00
parent 10c823dca8
commit 8c2a6676b5
9 changed files with 96 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
ClientHub/Shared/MainLayout.razor
View File

@ -1,14 +1,14 @@
@inherits LayoutComponentBase
@namespace OI.Metrology.ClientHub.Shared
@using MudBlazor
<PageTitle>ClientHub</PageTitle>
<MudDialogProvider />
<MudSnackbarProvider />
<div class="page">
<!--div class="sidebar">
<NavMenu />
</div-->
<MudThemeProvider @ref="@_MudThemeProvider" @bind-IsDarkMode="@_IsDarkMode" />
<main>
@Body
</main>
</div>
<MudPaper Style="padding:18px;">
@Body
</MudPaper>
<MudSwitch @bind-Checked="@_IsDarkMode" Color="Color.Primary" Class="ma-4" T="bool" Label="Toggle Light/Dark Mode" />

23
ClientHub/Shared/MainLayout.razor.cs
View File

@ -1,4 +1,23 @@
namespace OI.Metrology.ClientHub.Shared;
using MudBlazor;
namespace OI.Metrology.ClientHub.Shared;
public partial class MainLayout
{ }
{
bool _DrawerOpen = true;
private bool _IsDarkMode;
private MudThemeProvider? _MudThemeProvider;
void DrawerToggle() => _DrawerOpen = !_DrawerOpen;
protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender && _MudThemeProvider is not null)
{
_IsDarkMode = await _MudThemeProvider.GetSystemPreference();
StateHasChanged();
}
}
}