Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-01-28 20:26:10 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(settings): redesign setting sidebar (#1982)

Browse source
This commit is contained in:
Vladislav Ahmetvaliev 2019-01-09 17:11:47 +03:00 • committed by Denis Strigo
parent 47d232b606
commit a73662f1d9
12 changed files with 210 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

36
src/app/@theme/components/theme-settings/theme-settings.component.scss
View file

@ -2,30 +2,45 @@
@include nb-install-component() {
h6 {
margin-bottom: 0.5rem;
margin-bottom: 0.875rem;
text-align: center;
font-weight: bold;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
}
.settings-row {
display: flex;
flex-direction: row;
justify-content: space-between;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 90%;
margin: 0 0 1rem;
width: 100%;
margin: 0 0 2.575rem;
a {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
width: 4.15rem;
height: 4.15rem;
border-radius: nb-theme(radius);
background-color: nb-theme(color-white);
border: 2px solid transparent;
margin: 0.875rem;
text-decoration: none;
font-size: 2.25rem;
color: nb-theme(color-fg);
&.selected {
color: nb-theme(color-success);
border-color: nb-theme(color-success);
}
@include nb-for-theme(cosmic) {
box-shadow: 0 4px 14px 0 rgba(19, 19, 94, 0.4);
background-color: #3e367e;
border: 2px solid #3e367e;
&.selected {
color: nb-theme(link-color);
}
@ -39,11 +54,16 @@
.switcher {
margin-bottom: 1rem;
font-size: 1.524rem;
width: 12rem;
/deep/ ngx-switcher {
.switch-label span {
font-size: 1em;
font-weight: normal;
&.first, &.second {
font-size: 1rem;
}
}
.switch {
@ -56,8 +76,8 @@
}
input:checked + .slider::before {
@include nb-ltr(transform, translateX(1.5rem)!important);
@include nb-rtl(transform, translateX(-1.5rem)!important);
@include nb-ltr(transform, translateX(1.5em)!important);
@include nb-rtl(transform, translateX(-1.5em)!important);
}
}