Fix: Theme

This commit is contained in:
2026-01-30 12:36:03 +01:00
parent 7e5475322b
commit 637a7635cd
4 changed files with 83 additions and 170 deletions

View File

@@ -2,17 +2,80 @@
@inherits ThemeBase
@inject NavigationManager NavigationManager
@inject ISettingService SettingService
@implements IDisposable
@implements IDisposable
<main role="main">
<nav class="navbar navbar-dark bg-primary fixed-top">
<nav class="navbar navbar-dark bg-primary fixed-top app-navbar">
<!-- Logo links -->
<div class="d-flex align-items-center gap-2 app-navbar-left">
<Logo />
<Menu Orientation="Horizontal" />
<div class="controls ms-auto">
<div class="controls-group"><UserProfile ShowRegister="@_register" /> <Login ShowLogin="@_login" /> <ControlPanel ButtonClass="btn-outline-light" /></div>
</div>
<!-- Burger-Icon, das die Checkbox toggelt -->
<label for="nav-toggle" class="nav-toggle-label">
<span></span>
<span></span>
<span></span>
</label>
<!-- Menü-Container, der per :checked ein-/ausgeblendet wird -->
<div class="app-menu">
<div class="app-menu-items">
@if (PageState?.Pages != null)
{
// Diese Seitennamen sollen NICHT im Menü erscheinen
var hiddenNames = new[]
{
"Login", "Register", "Reset", "Profile",
"Search", "Privacy", "Terms", "Not Found", "NotFound"
};
@foreach (var page in PageState.Pages
.Where(p => p.ParentId == null
&& p.IsNavigation
&& !p.IsDeleted
&& !hiddenNames.Contains(p.Name)))
{
<div class="nav-item">
<a class="nav-link text-white" href="@(@page.Path)">
@(@page.Name)
</a>
</div>
var children = PageState.Pages
.Where(c => c.ParentId == page.PageId
&& c.IsNavigation
&& !c.IsDeleted
&& !hiddenNames.Contains(c.Name));
if (children.Any())
{
<div class="app-submenu">
@foreach (var child in children)
{
<div class="nav-item">
<a class="nav-link text-white" href="@child.Path">
@child.Name
</a>
</div>
}
</div>
}
}
}
</div>
</nav>
<!-- WICHTIG: Footer jetzt AUßERHALB von app-menu-items -->
<div class="app-menu-footer ">
<UserProfile ShowRegister="@_register" />
<Login ShowLogin="@_login" />
</div>
</div>
<!-- Rechts: ControlPanel + User + Login -->
<div class="d-flex align-items-center gap-2 app-navbar-left">
<div class="d-flex align-items-center gap-2">
<ControlPanel/>
</div>
</div>
</nav>
<div class="content">
<div class="container">
<div class="row">
@@ -96,12 +159,6 @@
</div>
<Pane Name="Bottom Full Width" />
</div>
<footer class="footer">
<div class="text text-center">
<p>Impressum | Datenschutz | AGB</p>
</div>
</footer>
</main>
@code {