diff --git a/src/components/layouts/NodeBook.vue b/src/components/layouts/NodeBook.vue index e98370a..1152ed5 100644 --- a/src/components/layouts/NodeBook.vue +++ b/src/components/layouts/NodeBook.vue @@ -83,7 +83,7 @@ export default { }, onNodeViewClick (e, parentIndex, childIndex) { - if (e.target.classList.contains('btn')) return + if (e.target.classList.contains('btn') || window.innerWidth < 1024) return const parentIsLast = parentIndex === this.nodes.length - 1 const childIsLast = childIndex !== undefined ? childIndex === this.nodes[parentIndex].children.length - 1 @@ -110,6 +110,10 @@ export default { .node-book { min-height: 100%; + @include media-breakpoint-down($layout-bp-down) { + background-color: $white; + } + @include media-breakpoint-up($layout-bp) { height: 100%; @@ -172,6 +176,10 @@ export default { } &:not(.active) { + .node-view { + cursor: pointer; + } + ::v-deep { .node-view { // overflow-y: hidden; diff --git a/src/pages/Library.vue b/src/pages/Library.vue index 949abc0..7a2d653 100644 --- a/src/pages/Library.vue +++ b/src/pages/Library.vue @@ -76,6 +76,10 @@ export default { // compensate header border height: calc(100% + 2px); top: calc(-100% - 2px); + + @include media-breakpoint-down($layout-bp-down) { + margin-bottom: -100vh; + } } } diff --git a/src/pages/_partials/MainHeader.vue b/src/pages/_partials/MainHeader.vue index 464350f..3fdeed0 100644 --- a/src/pages/_partials/MainHeader.vue +++ b/src/pages/_partials/MainHeader.vue @@ -114,6 +114,8 @@ export default { } .dropdown-menu { + border: 0; + @include media-breakpoint-down($size-bp-down) { width: 100vw; } diff --git a/src/pages/library/LibraryList.vue b/src/pages/library/LibraryList.vue index ec7e5f1..3860a4e 100644 --- a/src/pages/library/LibraryList.vue +++ b/src/pages/library/LibraryList.vue @@ -84,10 +84,13 @@ export default { .library-list { overflow-y: auto; height: 100%; - padding: 0 1.15rem; - @include media-breakpoint-up($size-bp) { - padding: 0 2.15rem; + &-container { + padding: 1.15rem; + + @include media-breakpoint-up($size-bp) { + padding: 2.15rem; + } } h3 {