diff options
| author | Fuwn <[email protected]> | 2024-07-15 18:16:22 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-07-15 18:16:22 -0700 |
| commit | d862c8338ebd6bd8e2274253cb7ea60c7ae9e420 (patch) | |
| tree | f97ac586c7f930cc16d264cf0e510cebb2818a07 /src/lib/Tools | |
| parent | fix(CleanGrid): unique LinkedTooltip item ID for duplicate media (diff) | |
| download | due.moe-d862c8338ebd6bd8e2274253cb7ea60c7ae9e420.tar.xz due.moe-d862c8338ebd6bd8e2274253cb7ea60c7ae9e420.zip | |
fix(SequelSpy): use LinkedTooltip
Diffstat (limited to 'src/lib/Tools')
| -rw-r--r-- | src/lib/Tools/SequelSpy.svelte | 27 |
1 files changed, 15 insertions, 12 deletions
diff --git a/src/lib/Tools/SequelSpy.svelte b/src/lib/Tools/SequelSpy.svelte index 2aaa5f60..d9637efe 100644 --- a/src/lib/Tools/SequelSpy.svelte +++ b/src/lib/Tools/SequelSpy.svelte @@ -12,7 +12,8 @@ import Skeleton from '$lib/Loading/Skeleton.svelte'; import identity from '$stores/identity'; import LogInRestricted from '$lib/Error/LogInRestricted.svelte'; - import tooltip from '$lib/Tooltip/tooltip'; + import LinkedTooltip from '$lib/Tooltip/LinkedTooltip.svelte'; + import settings from '$stores/settings'; export let user: AniListAuthorisation; @@ -59,18 +60,20 @@ {:then currentPrequels} <ul> {#each currentPrequels.sort((a, b) => new Date(a.startDate.year, a.startDate.month - 1, a.startDate.day).getTime() - new Date(b.startDate.year, b.startDate.month - 1, b.startDate.day).getTime()) as prequel} - <li> - <a - href={`https://anilist.co/anime/${prequel.id}`} - target="_blank" - title={`<img src="${prequel.coverImage.extraLarge}" style="width: 250px; object-fit: cover; border-radius: 8px;" />`} - use:tooltip + <li id={`${prequel.id}`}> + <LinkedTooltip + content={`<img src="${prequel.coverImage.extraLarge}" style="width: 250px; object-fit: cover; border-radius: 8px;" />`} + pin={`${prequel.id}`} + pinPosition="top" + disable={!$settings.displayHoverCover} > - <MediaTitle title={prequel.title} /> - </a> - <span class="opaque">|</span> - {prequel.seen}<span class="opaque">/{prequel.episodes}</span> - {@html prequelAiringTime(prequel)} + <a href={`https://anilist.co/anime/${prequel.id}`} target="_blank"> + <MediaTitle title={prequel.title} /> + </a> + <span class="opaque">|</span> + {prequel.seen}<span class="opaque">/{prequel.episodes}</span> + {@html prequelAiringTime(prequel)} + </LinkedTooltip> </li> {/each} </ul> |