26 lines
853 B
HTML
26 lines
853 B
HTML
|
|
<div class="layout-wrapper">
|
|
<p-toast baseZIndex="2000"></p-toast>
|
|
|
|
<!-- Overlay para cerrar el sidebar al hacer clic fuera (solo en móviles) -->
|
|
<div *ngIf="isSidebarVisible && window.innerWidth <= 992" class="sidebar-overlay" (click)="toggleSidebar()"></div>
|
|
|
|
<!-- Fixed sidebar -->
|
|
<div class="sidebar-wrapper" [ngClass]="{'sidebar-visible': isSidebarVisible}">
|
|
<app-sidebar></app-sidebar>
|
|
</div>
|
|
|
|
<!-- Main content area -->
|
|
<div class="main-content-wrapper" [ngClass]="{'with-sidebar': isSidebarVisible && window.innerWidth > 992}">
|
|
<!-- Top navbar -->
|
|
<app-navbar (sidebarToggle)="toggleSidebar()"></app-navbar>
|
|
|
|
<!-- Page content with animations -->
|
|
<div class="page-content">
|
|
<app-route-animations></app-route-animations>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<app-footer></app-footer>
|
|
</div>
|
|
</div> |