Files
chapter-organizer/WebApp/Components/Shared/Layout/MainLayout.razor
T
poprhythm cb362d6754 Add micro-interactions and transitions for page and table elements
Wrap page content in a new div for animation effects and implement fade-in transitions for table rows.
2025-12-27 10:35:40 -05:00

49 lines
1.4 KiB
Plaintext

@inherits LayoutComponentBase
@inject IConfiguration Configuration
<MudThemeProvider Theme="CustomThemes.Ceruleantheme" />
<MudPopoverProvider />
<MudDialogProvider />
<MudLayout>
<MudAppBar Class="no-print">
<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@((e) => DrawerToggle())" />
TSA Chapter Organizer - @Configuration["ChapterSettings:Name"]
<MudSpacer />
<AuthorizeView>
<form action="Auth/CookieLogout" method="post">
<MudButton Color="Color.Primary"
ButtonType="ButtonType.Submit"
Variant="Variant.Filled"
Size="Size.Small">
Logout
</MudButton>
</form>
</AuthorizeView>
</MudAppBar>
<MudDrawer @bind-Open="@_drawerOpen" Class="no-print">
<NavMenu/>
</MudDrawer>
<MudMainContent>
<MudContainer MaxWidth="MaxWidth.ExtraLarge">
<div class="page-enter">
@Body
</div>
</MudContainer>
</MudMainContent>
</MudLayout>
@code {
bool _drawerOpen = true;
void DrawerToggle()
{
_drawerOpen = !_drawerOpen;
}
}
<div id="blazor-error-ui">
An unhandled error has occurred.
<a href="" class="reload">Reload</a>
<a class="dismiss">🗙</a>
</div>