bag-fix

src/app/_modules/pages/menu/item/pages-menu-item.component.html

@@ -6,6 +6,6 @@
         {{item.name}}
     </a>
 </div>
-<div #menu class="sub-menu" [ngClass]="itemClass">
-    <pages-menu *ngIf="children?.length" [items]="children" [lavel]="lavel+1"></pages-menu>
+<div #menu class="sub-menu" [ngClass]="itemClass" *ngIf="children?.length">
+    <pages-menu  [items]="children" [lavel]="lavel+1"></pages-menu>
 </div>

src/assets/css/basics.scss

@@ -81,11 +81,12 @@ body {
   background-color: var(--light);
   .wrapper {
     width: 100%;
-    min-height: 100%;
+    min-height: 100vh;
     display: flex;
     flex-direction: column;
 
     .content {
+      flex-grow: 1;
       display: flex;
       flex-direction: row;
       flex-wrap: wrap;

src/assets/css/main-menu.scss

@@ -106,7 +106,9 @@ right-content{
           display: none;
         }
         &.sub-menu{
+          display: none;
           &.parent,&.current{
+            display: block;
             background-color: var(--white);
             padding: 20px;
             border-radius: 8px;