body dynamic styles

src/app/_modules/layout/header/header.component.html

@@ -17,6 +17,7 @@
   </div>
 </div>
 <div  class="header showmobile" *ngIf="showBottom">
+  <retainer></retainer>
   <div class="bottom">
     <div class="grid-menu">
       <div class="left-block">

src/app/_modules/layout/layout.module.ts

@@ -10,6 +10,7 @@ import {FooterComponent} from "@app/_modules/layout/footer/footer.component";
 import {GridComponent} from "@app/_modules/layout/grid/grid.component";
 import {SettingSiteComponent} from "@app/_modules/layout/setting-site/setting-site.component";
 import {HeaderUserBarComponent} from "@app/_modules/layout/header/user-bar/header-user-bar.component";
+import { RetainerComponent } from './retainer/retainer.component';
 
 @NgModule({
   imports: [
@@ -26,6 +27,7 @@ import {HeaderUserBarComponent} from "@app/_modules/layout/header/user-bar/heade
     FooterComponent,
     SettingSiteComponent,
     HeaderUserBarComponent,
+    // RetainerComponent,
   ],
   exports: [
     GridComponent,

src/app/_modules/layout/retainer/retainer.component.html

@@ -0,0 +1 @@
+<div>AAA</div>

src/app/_modules/layout/retainer/retainer.component.scss

@@ -0,0 +1,3 @@
+::ng-deep app{
+ overflow: hidden;
+}

src/app/_modules/layout/retainer/retainer.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-retainer',
+  templateUrl: './retainer.component.html',
+  styleUrls: ['./retainer.component.scss']
+})
+export class RetainerComponent {
+
+}