mirror of https://github.com/sussy-code/smov.git
Merge pull request #82 from Pasithea0/bookmarks-always-visible
Change bookmark button to always visible
This commit is contained in:
commit
fa08d41aae
|
@ -6,6 +6,7 @@ import { Link } from "react-router-dom";
|
||||||
import { mediaItemToId } from "@/backend/metadata/tmdb";
|
import { mediaItemToId } from "@/backend/metadata/tmdb";
|
||||||
import { DotList } from "@/components/text/DotList";
|
import { DotList } from "@/components/text/DotList";
|
||||||
import { Flare } from "@/components/utils/Flare";
|
import { Flare } from "@/components/utils/Flare";
|
||||||
|
import { useIsMobile } from "@/hooks/useIsMobile";
|
||||||
import { useSearchQuery } from "@/hooks/useSearchQuery";
|
import { useSearchQuery } from "@/hooks/useSearchQuery";
|
||||||
import { MediaItem } from "@/utils/mediaTypes";
|
import { MediaItem } from "@/utils/mediaTypes";
|
||||||
|
|
||||||
|
@ -60,6 +61,8 @@ function MediaCardContent({
|
||||||
|
|
||||||
const [searchQuery] = useSearchQuery();
|
const [searchQuery] = useSearchQuery();
|
||||||
|
|
||||||
|
const { isMobile } = useIsMobile();
|
||||||
|
|
||||||
if (media.year) {
|
if (media.year) {
|
||||||
dotListContent.push(media.year.toFixed());
|
dotListContent.push(media.year.toFixed());
|
||||||
}
|
}
|
||||||
|
@ -145,6 +148,15 @@ function MediaCardContent({
|
||||||
</>
|
</>
|
||||||
) : null}
|
) : null}
|
||||||
|
|
||||||
|
<div
|
||||||
|
className={classNames("absolute", {
|
||||||
|
"bookmark-button": !isMobile,
|
||||||
|
})}
|
||||||
|
onClick={(e) => e.preventDefault()}
|
||||||
|
>
|
||||||
|
<MediaBookmarkButton media={media} />
|
||||||
|
</div>
|
||||||
|
|
||||||
{searchQuery.length > 0 ? (
|
{searchQuery.length > 0 ? (
|
||||||
<div className="absolute" onClick={(e) => e.preventDefault()}>
|
<div className="absolute" onClick={(e) => e.preventDefault()}>
|
||||||
<MediaBookmarkButton media={media} />
|
<MediaBookmarkButton media={media} />
|
||||||
|
|
|
@ -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