Files
chapter-organizer/WebApp/Components/Shared/Layout/MainLayout.razor
T
poprhythm c73fdbfba4 Update MainLayout.razor to conditionally render app bar title based on drawer state
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.
2026-01-06 15:07:55 -05:00

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>