Leandro Hernan Rojas 6d9e49c252
All checks were successful
CI/CD Pipeline / Build and Deploy with Docker Compose (push) Successful in 5m35s
Ajuste TopRow en UI v2
2025-02-03 16:12:07 -03:00

69 lines
2.0 KiB
Plaintext

@inherits LayoutComponentBase
@inject NavMenuService navMenuService
@using Blazored.Toast.Configuration
<div class="page @GetMode()">
<AuthorizeView>
<Authorized>
<div class="sidebar" style="@MinimizeMenuCss">
<NavMenu MinStatus="ToggleMinNavMenu"/>
</div>
</Authorized>
</AuthorizeView>
<main>
<AuthorizeView>
<Authorized>
<div class="container-fluid" style="background-color: rgba(39, 54, 97, 0.5);">
<div class="row">
<div class="top-row px-1">
<div class="col-md-4" style="zoom:50%">
<PhToggle ToggleStateChanged="OnChangeToggleSwitchState" ToggleState=@state >
<i class="fas fa-moon fa-2xl"/>
</PhToggle>
</div>
<div class="col-md-8" style="text-align: right;">
<LoginView />
</div>
</div>
</div>
</div>
</Authorized>
</AuthorizeView>
<article class="content px-4">
@Body
</article>
</main>
</div>
<BlazoredToasts Position="ToastPosition.BottomRight"
Timeout="3"
IconType="IconType.FontAwesome"
SuccessClass="success-toast-override"
SuccessIcon="fa fa-thumbs-up"
ErrorIcon="fa fa-ban" />
@code {
private string MinimizeMenuCss => navMenuService.Minimized ? "width:82px" : string.Empty;
protected void ToggleMinNavMenu(bool status)
{
navMenuService.Minimized = status;
}
private bool state=false;
private void OnChangeToggleSwitchState(bool value)
{
state = value;
}
private string GetMode()
{
if (state )
{
return "dark-mode";
}
else
{
return string.Empty;
}
}
}