diff options
Diffstat (limited to 'src/App.scss')
| -rw-r--r-- | src/App.scss | 28 |
1 files changed, 22 insertions, 6 deletions
diff --git a/src/App.scss b/src/App.scss index 0e89a429..5a117f04 100644 --- a/src/App.scss +++ b/src/App.scss @@ -127,6 +127,15 @@ main-router { margin: 0.5em; border-radius: 10px; + box-shadow: 1px 1px 3px rgba(0,0,0,.5); + overflow: hidden; +} + +.panel-body:empty::before { + content: "¯\\_(ツ)_/¯"; // Could use words but it'd require translations + display: block; + margin: 1em; + text-align: center; } .panel-heading { @@ -182,7 +191,7 @@ nav { flex-shrink: 1; } -.sidebar { +.sidebar-bounds { flex: 0; flex-basis: 35%; } @@ -210,21 +219,28 @@ nav { } @media all and (min-width: 960px) { - .sidebar { + body { + overflow-y: scroll; + } + .sidebar-bounds { overflow: hidden; max-height: 100vh; - width: 350px; + width: 345px; position: fixed; margin-top: -10px; - .sidebar-container { + .sidebar-scroller { height: 96vh; - width: 362px; + width: 365px; padding-top: 10px; - padding-right: 20px; + padding-right: 50px; overflow-x: hidden; overflow-y: scroll; } + + .sidebar { + width: 345px; + } } .sidebar-flexer { max-height: 96vh; |
