mirror of
https://github.com/Cleanuparr/Cleanuparr.git
synced 2026-05-12 00:32:50 -04:00
31 lines
723 B
HTML
31 lines
723 B
HTML
<div
|
|
class="shell"
|
|
[class.shell--collapsed]="sidebarCollapsed() && !isMobile()"
|
|
[class.shell--mobile]="isMobile()"
|
|
>
|
|
<!-- Mobile backdrop -->
|
|
@if (isMobile() && mobileMenuOpen()) {
|
|
<div class="shell__backdrop" (click)="closeMobileMenu()"></div>
|
|
}
|
|
|
|
<app-nav-sidebar
|
|
[collapsed]="sidebarCollapsed() && !isMobile()"
|
|
[mobileOpen]="mobileMenuOpen()"
|
|
[isMobile]="isMobile()"
|
|
(navClicked)="closeMobileMenu()"
|
|
/>
|
|
|
|
<div class="shell__main">
|
|
<app-toolbar
|
|
[sidebarCollapsed]="sidebarCollapsed()"
|
|
(toggleSidebar)="toggleSidebar()"
|
|
/>
|
|
|
|
<main class="shell__content">
|
|
<div class="shell__content-inner">
|
|
<router-outlet />
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|