diff --git a/static/src/scss/index.scss b/static/src/scss/index.scss index 60e657b..4c88220 100644 --- a/static/src/scss/index.scss +++ b/static/src/scss/index.scss @@ -2,6 +2,8 @@ @import "homepage"; +$sidenav-width: 275px; + body { display: flex; min-height: 100vh; @@ -10,8 +12,27 @@ body { main { flex: 1 0 auto; + + @media #{$large-and-up} { + margin-left: $sidenav-width; + } + } footer.page-footer { padding-top: 0; } + +.sidenav { + width: $sidenav-width; + + @media #{$large-and-up} { + transform: translateX(0) !important; + } +} + +nav { + @media #{$large-and-up} { + display: none; + } +} diff --git a/templates/base.html b/templates/base.html index 2d57f7b..fd25d68 100644 --- a/templates/base.html +++ b/templates/base.html @@ -21,18 +21,13 @@ - -
+ {% include "navigation/index.html" %} +