fix: 折叠按钮样式优化

2020-07-29 16:38:40 +08:00 · 2020-07-29 16:38:40 +08:00 · 9d8a56dec3
parent 335df77ff6
commit 9d8a56dec3
1 changed files with 8 additions and 2 deletions
--- a/frontend/src/business/components/common/components/MsAsideContainer.vue
+++ b/frontend/src/business/components/common/components/MsAsideContainer.vue
@ -43,7 +43,7 @@
    z-index: 199;
    width: 8px;
    height: 50px;
-    top: calc((100vh - 80px)/2);
+    top: calc((100vh - 80px)/3);
    line-height: 50px;
    border-radius: 0 15px 15px 0;
    background-color: #acb7c1;
@ -59,7 +59,13 @@
  }

  .hiddenBottom:hover {
-    opacity: 0.5;
+    opacity: 0.8;
+    width: 12px;
+  }
+
+  .hiddenBottom:hover i {
+    margin-left: 0;
+    color: white;
  }

 </style>