Browse Source

feat: sidebar with nice shadow

main
Inhji Y. 8 months ago
parent
commit
34ddff8d44
  1. 1
      assets/css/_navigation.scss
  2. 3
      assets/css/app.scss

1
assets/css/_navigation.scss

@ -70,6 +70,7 @@ aside#sidebar {
position: fixed;
width: $width-sidebar;
height: 100vh;
box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.75);
@include color-assign(background-color, navigation);

3
assets/css/app.scss

@ -19,6 +19,7 @@ $colors: (
primary-inverse: material-color($primary-color, 'a700'),
on-primary: material-color('blue-grey', '50'),
navigation: material-color('blue-grey', '900'),
navigation-var: material-color('blue-grey', '800'),
on-navigation: material-color('blue-grey', '50')
),
dark: (
@ -118,7 +119,7 @@ a {
.flex-3 {flex: 3;}
.flex-4 {flex: 4;}
#wrapper {
body.logged-in #wrapper {
margin-left: $width-sidebar;
}

Loading…
Cancel
Save