diff --git a/src/app/@theme/layouts/one-column/one-column.layout.scss b/src/app/@theme/layouts/one-column/one-column.layout.scss index f1ad0b6b..11574f43 100644 --- a/src/app/@theme/layouts/one-column/one-column.layout.scss +++ b/src/app/@theme/layouts/one-column/one-column.layout.scss @@ -1,75 +1,13 @@ @import '../../styles/variables'; -// TODO move colors to theme -@include nga-install-component() { - /deep/ { - .layout { +@include nga-install-root-component() { - nga-layout-header > nav { - - .left { - color: nga-theme(color-inverse); - - a { - color: nga-theme(color-inverse) !important; - - &:hover { - color: nga-theme(color-secondary) !important; - } - } - } - - .right i { - color: #7d85b2; - - &:hover { - color: nga-theme(color-secondary); - } - } - } - - nga-sidebar { - z-index: 1; - background: transparent; - - .scrollable { - //box-shadow: $layout-shadow; - margin-top: nga-theme(layout-padding); - border-top-right-radius: nga-theme(radius); - } - } - - nga-layout-footer > nav { - $footer-link: nga-theme(color-secondary); - - border: none !important; - padding: 1.25rem; - - .created-by { - color: #7d85b2; - - a { - color: #7d85b2 !important; - - &:hover { - color: nga-theme(color-secondary) !important; - } - } - } - } - } - - nga-menu { - > ul > li:first-child { - a { - background-image: linear-gradient(to right, #664dd9, #9d52f2) !important; - box-shadow: 0 0 12px 0 rgba(128, 51, 255, 0.35) !important; - margin: 1rem; - border-radius: nga-theme(radius); - height: 3.5rem; - color: nga-theme(color-inverse); - } - } + nga-sidebar { + .main-btn { + display: block; + padding: 1rem 3rem; + margin-left: auto; + margin-right: auto; } } } diff --git a/src/app/@theme/layouts/one-column/one-column.layout.ts b/src/app/@theme/layouts/one-column/one-column.layout.ts index efaf7631..a5ae397d 100644 --- a/src/app/@theme/layouts/one-column/one-column.layout.ts +++ b/src/app/@theme/layouts/one-column/one-column.layout.ts @@ -11,6 +11,7 @@ import { Component } from '@angular/core'; +