AppStd/DbFirst
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modernize sidebar with DxTreeView and new responsive styles

Browse Source 
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.
This commit is contained in:
OlgunR
2026-04-30 15:37:04 +02:00
parent 075433c780
commit b75e7d730c
3 changed files with 55 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
DbFirst.BlazorWebApp/Components/Layout/MainLayout.razor.css
View File

@@ -18,11 +18,13 @@ main {
}
.sidebar {
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
background-color: var(--dx-color-surface-container, #f4f4f4);
border-right: 1px solid var(--dx-color-outline-variant, #e0e0e0);
}
.page.app-dark .sidebar {
background-image: linear-gradient(180deg, #171717 0%, #0f2a46 70%);
background-color: var(--dx-color-surface-container, #1e1e1e);
border-right-color: var(--dx-color-outline-variant, #333);
}
.top-row {