소스 검색

misc fixes

axolotle 3 년 전
부모
커밋
626673c0af
4개의 변경된 파일21개의 추가작업 그리고 4개의 파일을 삭제
  1. 9 1
      src/components/layouts/NodeBook.vue
  2. 4 0
      src/pages/Library.vue
  3. 2 0
      src/pages/_partials/MainHeader.vue
  4. 6 3
      src/pages/library/LibraryList.vue

+ 9 - 1
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;

+ 4 - 0
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;
+    }
   }
 }
 </style>

+ 2 - 0
src/pages/_partials/MainHeader.vue

@@ -114,6 +114,8 @@ export default {
     }
 
     .dropdown-menu {
+      border: 0;
+
       @include media-breakpoint-down($size-bp-down) {
         width: 100vw;
       }

+ 6 - 3
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 {