mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-02-24 08:54:06 +01:00
refactor(theme): style settings sidebar
This commit is contained in:
parent
5b6a81a394
commit
9bfa522da3
4 changed files with 38 additions and 24 deletions
|
|
@ -1,22 +1,26 @@
|
|||
@import '../../styles/themes';
|
||||
|
||||
@include nb-install-component() {
|
||||
|
||||
nb-layout-column.small {
|
||||
flex: 0.15 !important;
|
||||
}
|
||||
|
||||
nb-sidebar.settings-sidebar {
|
||||
width: 7rem;
|
||||
/deep/ .main-container {
|
||||
width: 7rem;
|
||||
background: #3a3850;
|
||||
}
|
||||
$sidebar-width: 7.5rem;
|
||||
|
||||
transition: width 0.3s ease;
|
||||
width: $sidebar-width;
|
||||
|
||||
&.collapsed {
|
||||
width: 0;
|
||||
/deep/ .main-container {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
/deep/ .main-container {
|
||||
width: $sidebar-width;
|
||||
background: nb-theme(color-bg);
|
||||
|
||||
@include nb-for-theme(cosmic) {
|
||||
background: nb-theme(layout-bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue