diff --git a/projects/app-a/src/assets/css/main-menu.scss b/projects/app-a/src/assets/css/main-menu.scss index 28ccbe4..8f635da 100644 --- a/projects/app-a/src/assets/css/main-menu.scss +++ b/projects/app-a/src/assets/css/main-menu.scss @@ -1,16 +1,27 @@ header{ + width: 100%; .header{ + display: flex; + flex-direction: column; + justify-content: space-between; + height: 149px; background-color: white; padding: 0 var(--xxl); border-bottom:1px solid var(--second); - + .main-menu-hamburger, .main-menu-close{ + display: none; + } .main-menu{ - + flex-grow: 1; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; .main-menu-logo{ display: block; @@ -83,7 +94,7 @@ div.left-content>pages-menu{ } - +//footer @media screen and (max-width: 1048px){ @@ -97,6 +108,20 @@ header{ width: 118px; height: 40px; } + + .main-menu-hamburger{ + display: block; + } + + .main-menu-btns{ + >:not(:nth-child(3)){ + display: none; + } + } + + } + .grid-menu{ + display: none; } } } @@ -113,4 +138,31 @@ header{ } } } +} + + + +//left-content + + +.show-menu{ + display: none; +} + +left-content{ + margin: var(--xxl) 0 0 -24px; + pointer-events: all; +} + +left-content .level-0>pages-menu-item{ + + &>.item{ + display: none; + } +} + +@media screen and (max-width: 1048px){ + left-content{ + display: none + }; } \ No newline at end of file diff --git a/projects/app/_modules/layout/header/header.component.scss b/projects/app/_modules/layout/header/header.component.scss index 7e76648..b28b04f 100644 --- a/projects/app/_modules/layout/header/header.component.scss +++ b/projects/app/_modules/layout/header/header.component.scss @@ -1,57 +1,3 @@ -:host{ - width: 100%; - - .header{ - display: flex; - flex-direction: column; - justify-content: space-between; - - .main-menu-hamburger, .main-menu-close{ - display: none; - } - - .grid-menu{ - - } - - .main-menu{ - - flex-grow: 1; - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - - } - } -} -@media screen and (max-width: 1048px){ - :host{ - - .header{ - - .main-menu{ - - .main-menu-hamburger{ - display: block; - } - - - - .main-menu-btns{ - >:not(:nth-child(3)){ - display: none; - } - } - } - - .grid-menu{ - display: none; - } - } - } - -} \ No newline at end of file diff --git a/projects/app/_modules/layout/left-content/left-content.component.scss b/projects/app/_modules/layout/left-content/left-content.component.scss index 2539b3e..e69de29 100644 --- a/projects/app/_modules/layout/left-content/left-content.component.scss +++ b/projects/app/_modules/layout/left-content/left-content.component.scss @@ -1,22 +0,0 @@ - - .show-menu{ - display: none; - } - - :host{ - margin: var(--xxl) 0 0 -24px; - pointer-events: all; - } - - :host ::ng-deep .level-0>pages-menu-item{ - - &>.item{ - display: none; - } - } - - @media screen and (max-width: 1048px){ - :host{ - display: none - }; - } \ No newline at end of file