Restructures project with feature-based organization
Refactors project structure to support modular, feature-driven development Introduces comprehensive language localization support Adds menu management with role-based access control Implements dynamic sidebar and theme switching capabilities Enhances project scalability and maintainability
This commit is contained in:
parent
fac7754d7a
commit
d7f3c55a2a
60 changed files with 3214 additions and 20 deletions
50
app/wwwroot/css/app-layout.css
Normal file
50
app/wwwroot/css/app-layout.css
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
/**
|
||||
* App Layout - Main Grid Structure
|
||||
*
|
||||
* Definerer den overordnede app-struktur med sidebar og main content
|
||||
*/
|
||||
|
||||
/* ===========================================
|
||||
MAIN APP GRID
|
||||
=========================================== */
|
||||
swp-app-layout {
|
||||
display: grid;
|
||||
grid-template-columns: var(--side-menu-width) 1fr;
|
||||
grid-template-rows: var(--topbar-height) 1fr;
|
||||
height: 100vh;
|
||||
transition: grid-template-columns var(--transition-normal);
|
||||
}
|
||||
|
||||
/* ===========================================
|
||||
COLLAPSED MENU STATE
|
||||
=========================================== */
|
||||
swp-app-layout.menu-collapsed {
|
||||
grid-template-columns: var(--side-menu-width-collapsed) 1fr;
|
||||
}
|
||||
|
||||
/* ===========================================
|
||||
MAIN CONTENT AREA
|
||||
=========================================== */
|
||||
swp-main-content {
|
||||
display: block;
|
||||
overflow-y: auto;
|
||||
background: var(--color-background);
|
||||
}
|
||||
|
||||
/* ===========================================
|
||||
DRAWER OVERLAY
|
||||
=========================================== */
|
||||
swp-drawer-overlay {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: var(--z-overlay);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity var(--transition-normal), visibility var(--transition-normal);
|
||||
}
|
||||
|
||||
swp-drawer-overlay.active {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue