mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-17 16:00:14 +01:00
feat(menu): main button styles
This commit is contained in:
parent
fda6c717df
commit
1a60dfa81b
2 changed files with 8 additions and 69 deletions
|
|
@ -1,75 +1,13 @@
|
||||||
@import '../../styles/variables';
|
@import '../../styles/variables';
|
||||||
|
|
||||||
// TODO move colors to theme
|
@include nga-install-root-component() {
|
||||||
@include nga-install-component() {
|
|
||||||
/deep/ {
|
|
||||||
.layout {
|
|
||||||
|
|
||||||
nga-layout-header > nav {
|
nga-sidebar {
|
||||||
|
.main-btn {
|
||||||
.left {
|
display: block;
|
||||||
color: nga-theme(color-inverse);
|
padding: 1rem 3rem;
|
||||||
|
margin-left: auto;
|
||||||
a {
|
margin-right: auto;
|
||||||
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);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -11,6 +11,7 @@ import { Component } from '@angular/core';
|
||||||
</nga-layout-header>
|
</nga-layout-header>
|
||||||
|
|
||||||
<nga-sidebar responsive>
|
<nga-sidebar responsive>
|
||||||
|
<button class="btn btn-hero-success main-btn"><i class="ion ion-social-github-outline"></i> Support Us</button>
|
||||||
<ng-content select="nga-menu"></ng-content>
|
<ng-content select="nga-menu"></ng-content>
|
||||||
</nga-sidebar>
|
</nga-sidebar>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue