diff --git a/src/components/common/SearchItem.vue b/src/components/common/SearchItem.vue index 5c498fe..feb404d 100644 --- a/src/components/common/SearchItem.vue +++ b/src/components/common/SearchItem.vue @@ -86,15 +86,15 @@ const handleClick = async () => { } .mv { + &:hover { + .play { + @apply opacity-60; + } + } .search-item-img { width: 160px; height: 90px; @apply rounded-lg relative; - &:hover { - .play { - @apply opacity-60; - } - } } .play { @apply absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 opacity-0 transition-opacity;