c73fdbfba4
Modified the MainLayout component to display the app bar title only when the drawer is closed, enhancing the layout's responsiveness and user experience. This change improves the visual clarity of the application when navigating between different sections.
55 lines
1.6 KiB
Plaintext
55 lines
1.6 KiB
Plaintext
@inherits LayoutComponentBase
|
|
@inject IConfiguration Configuration
|
|
|
|
<MudThemeProvider Theme="CustomThemes.Ceruleantheme" />
|
|
<MudPopoverProvider />
|
|
<MudDialogProvider />
|
|
<MudSnackbarProvider />
|
|
|
|
<MudLayout>
|
|
<MudAppBar Class="no-print">
|
|
<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@((e) => DrawerToggle())" />
|
|
@if (!_drawerOpen)
|
|
{
|
|
<MudText Typo="Typo.h6" Class="text-truncate appbar-title">
|
|
TSA Chapter Organizer - @Configuration["ChapterSettings:Name"]
|
|
</MudText>
|
|
}
|
|
<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" class="mb-6">
|
|
<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>
|