Fix menu-item space and notification badge for narrow style

2018-10-22 23:29:44 +09:00 · 2018-10-22 23:29:44 +09:00 · 49ad122fe5
parent e43162aee4
commit 49ad122fe5
1 changed files with 13 additions and 2 deletions
--- a/src/renderer/components/TimelineSpace/SideMenu.vue
+++ b/src/renderer/components/TimelineSpace/SideMenu.vue
@ -203,6 +203,7 @@ export default {
      .release-collapse {
        color: #dcdfe6;
        padding: 0;
+        margin-left: -10px;

        &:hover {
          color: #409eff;
@ -243,8 +244,18 @@ export default {
    }
  }

-  .narrow-menu {
-    width: 76px;
+  .narrow-menu /deep/ {
+    width: 64px;
+
+    .el-menu-item {
+      margin-left: 4px;
+    }
+
+    .el-badge {
+      vertical-align: top;
+      line-height: 32px;
+      margin-left: -8px;
+    }
  }
 }
 </style>