Website ist responsiv und hat ein dropdown menü

This commit is contained in:
2025-10-02 14:45:51 +02:00
parent 6fbe006c37
commit aaa73ee0b7
3 changed files with 54 additions and 80 deletions

View File

@ -2,23 +2,25 @@
@inherits ThemeBase
@inject ISettingService SettingService
<div class="page-wrapper d-flex flex-column min-vh-100">
<div class="wrapper d-flex flex-column min-vh-100">
<main role="main" class="flex-fill">
<main role="main" class="flex-fill">
<nav class="custom-navbar">
<nav class="navigation">
<div class="container d-flex justify-content-between align-items-center">
<a class="navbar-brand" href="https://www.szu-home.at/">
<a class="navbar-brand" href="https://www.szu-home.at/">
<img src="Images/szu-Logo.png" alt="Logo" class="img-fluid" style="max-height: 60px;" />
</a>
</a>
<Menu Orientation="Horizontal" />
<div class="controls ms-auto">
<div class="controls-group">
<UserProfile ShowRegister="@_register" />
<Login ShowLogin="@_login" />
<ControlPanel LanguageDropdownAlignment="right" />
<ControlPanel LanguageDropdownAlignment="right" />
</div>
</div>
</div>
</nav>
@ -107,23 +109,21 @@
<Pane Name="Bottom Full Width" />
</div>
<footer class="custom-footer">
<div class="container text-center">
<a href="#">Impressum</a> |
<a href="#">Datenschutz</a> |
<a href="#">AGB</a>
<footer class="footer">
<div class="text text-center">
<p>Impressum | Datenschutz | AGB</p>
</div>
</footer>
</main>
</div>
@code {
public override string Name => "Theme1";
public override string Panes => PaneNames.Admin + ",Top Full Width,Top 100%,Left 50%,Right 50%,Left 33%,Center 33%,Right 33%,Left Outer 25%,Left Inner 25%,Right Inner 25%,Right Outer 25%,Left 25%,Center 50%,Right 25%,Left Sidebar 66%,Right Sidebar 33%,Left Sidebar 33%,Right Sidebar 66%,Bottom 100%,Bottom Full Width";
private bool _showDropdown = false;
private bool _login = true;
private bool _register = true;
@ -140,4 +140,9 @@
// error loading theme settings
}
}
private void ToggleDropdown()
{
_showDropdown = !_showDropdown;
}
}