mirror of https://github.com/sussy-code/smov.git
(Enabled on hover) Added new css class
This commit is contained in:
parent
44dddead7c
commit
4e52bf65b3
|
@ -142,7 +142,10 @@ function MediaCardContent({
|
||||||
</>
|
</>
|
||||||
) : null}
|
) : null}
|
||||||
|
|
||||||
<div className="absolute" onClick={(e) => e.preventDefault()}>
|
<div
|
||||||
|
className="absolute bookmark-button"
|
||||||
|
onClick={(e) => e.preventDefault()}
|
||||||
|
>
|
||||||
<MediaBookmarkButton media={media} />
|
<MediaBookmarkButton media={media} />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -5,3 +5,12 @@
|
||||||
.hover\:flare-enabled:hover .flare-light {
|
.hover\:flare-enabled:hover .flare-light {
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bookmark-button {
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.group:hover .bookmark-button {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue