colin
/
bookstack
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added sidebar layout size tweaks

This commit is contained in:
Dan Brown 2018-11-04 14:41:52 +00:00
parent 0e395b1e21
commit c356612612
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
4 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/assets/sass/_grid.scss
View File

@ -53,7 +53,7 @@ body.flexbox {
.flex.sidebar { .flex.sidebar {
flex: 1; flex: 1;
background-color: #F2F2F2; background-color: #F2F2F2;
max-width: 360px; max-width: 420px;
min-height: 90vh; min-height: 90vh;
section { section {
margin: $-m; margin: $-m;

2
resources/assets/sass/_html.scss
View File

@ -14,7 +14,7 @@ html {
body { body {
font-size: $fs-m; font-size: $fs-m;
line-height: 1.6; line-height: 1.6;
color: #616161; color: #444;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
background-color: #F2F2F2; background-color: #F2F2F2;
} }

2
resources/assets/sass/_text.scss
View File

@ -42,7 +42,7 @@ h1, h2, h3, h4, h5, h6 {
font-weight: 400; font-weight: 400;
position: relative; position: relative;
display: block; display: block;
color: #555; color: #333;
.subheader { .subheader {
font-size: 0.5em; font-size: 0.5em;
line-height: 1em; line-height: 1em;

4
resources/views/sidebar-layout.blade.php
View File

@ -14,12 +14,12 @@
<div sidebar class="sidebar flex print-hidden" id="sidebar"> <div sidebar class="sidebar flex print-hidden" id="sidebar">
<div class="sidebar-toggle primary-background-light">@icon('caret-right-circle') <div class="sidebar-toggle primary-background-light">@icon('caret-right-circle')
</div> </div>
<div class="scroll-body px-m"> <div class="scroll-body px-xl">
@yield('sidebar') @yield('sidebar')
</div> </div>
</div> </div>
<div class="content mr-m flex @yield('body-wrap-classes')"> <div class="content mr-xl flex @yield('body-wrap-classes')">
@yield('body') @yield('body')
</div> </div>
</div> </div>