style: modify visibility to opacity (#30)

Co-authored-by: wanghaobb <wanghaobb@seeyon.com>
4 years ago · c3d0aeff23
parent 4fcc6d2aff
commit c3d0aeff23
1 changed files with 2 additions and 2 deletions
--- a/src/components/Cover.vue
+++ b/src/components/Cover.vue
@ -144,7 +144,7 @@ export default {
 .hover-play-button {
  &:hover {
    .play-button {
-      visibility: visible;
+      opacity: 1;
      transform: unset;
    }
  }
@ -165,7 +165,7 @@ export default {
  height: 208px;
 }
 .play-button {
-  visibility: hidden;
+  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;