b75e7d730c
Refactor NavMenu to use DevExpress DxTreeView for navigation, replacing the old NavLink-based menu. Update sidebar and navigation row styling to use CSS variables, remove Bootstrap-specific and SVG icon CSS, and add a responsive hamburger menu for small screens. Improve dark mode support and overall maintainability.
27 lines
1016 B
Plaintext
27 lines
1016 B
Plaintext
<div class="nav-brand-row">
|
|
<a class="nav-brand-link" href="">DbFirst</a>
|
|
<button class="nav-toggle-btn" @onclick="ToggleMenu" title="Navigation menu">☰</button>
|
|
</div>
|
|
|
|
<div class="nav-scrollable @(menuOpen ? "nav-open" : "")">
|
|
<DxTreeView CssClass="sidebar-tree">
|
|
<Nodes>
|
|
<DxTreeViewNode Text="Home" NavigateUrl="/" IconCssClass="dxi dxi-home" />
|
|
<DxTreeViewNode Text="Data Management" Expanded="true">
|
|
<Nodes>
|
|
<DxTreeViewNode Text="Catalogs" NavigateUrl="/catalogs" IconCssClass="dxi dxi-folder" />
|
|
<DxTreeViewNode Text="Dashboards" NavigateUrl="/dashboards" IconCssClass="dxi dxi-chart-bar" />
|
|
<DxTreeViewNode Text="Mass Data" NavigateUrl="/massdata" IconCssClass="dxi dxi-table" />
|
|
</Nodes>
|
|
</DxTreeViewNode>
|
|
</Nodes>
|
|
</DxTreeView>
|
|
</div>
|
|
|
|
@code {
|
|
private bool menuOpen = false;
|
|
private void ToggleMenu() => menuOpen = !menuOpen;
|
|
}
|
|
|
|
|