diff options
| author | Fuwn <[email protected]> | 2024-01-15 22:21:50 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-15 22:21:50 -0800 |
| commit | 2e7a53d0f818786df60ff451d901dcd68d8930f8 (patch) | |
| tree | 89931d6b76861d18583f27cf73c438c02a165ade /src/lib/Tools | |
| parent | fix(tooltip): force above (diff) | |
| download | due.moe-2e7a53d0f818786df60ff451d901dcd68d8930f8.tar.xz due.moe-2e7a53d0f818786df60ff451d901dcd68d8930f8.zip | |
fix(sequelspy): move hover cover to title
Diffstat (limited to 'src/lib/Tools')
| -rw-r--r-- | src/lib/Tools/SequelSpy.svelte | 40 |
1 files changed, 21 insertions, 19 deletions
diff --git a/src/lib/Tools/SequelSpy.svelte b/src/lib/Tools/SequelSpy.svelte index acaf9cdf..21a6ce4d 100644 --- a/src/lib/Tools/SequelSpy.svelte +++ b/src/lib/Tools/SequelSpy.svelte @@ -59,28 +59,30 @@ {:then currentPrequels} <ul> {#each currentPrequels as prequel} - <li - on:mouseenter={() => { - const response = onMouseEnter(prequel); + <li> + <a + href={`https://anilist.co/anime/${prequel.id}`} + target="_blank" + on:mouseenter={() => { + const response = onMouseEnter(prequel); - hoverCoverState.hovering = response.hovering; - hoverCoverState.item = response.item; - hoverCoverState.media = response.media; - }} - on:mouseleave={() => { - const response = onMouseLeave(); + hoverCoverState.hovering = response.hovering; + hoverCoverState.item = response.item; + hoverCoverState.media = response.media; + }} + on:mouseleave={() => { + const response = onMouseLeave(); - hoverCoverState.hovering = response.hovering; - hoverCoverState.item = response.item; - hoverCoverState.media = response.media; - }} - on:mousemove={(e) => { - const response = onMouseMove(e, 300); + hoverCoverState.hovering = response.hovering; + hoverCoverState.item = response.item; + hoverCoverState.media = response.media; + }} + on:mousemove={(e) => { + const response = onMouseMove(e, 300); - hoverCoverState.style = response.style; - }} - > - <a href={`https://anilist.co/anime/${prequel.id}`} target="_blank"> + hoverCoverState.style = response.style; + }} + > <MediaTitle title={prequel.title} /> </a> <span style="opacity: 50%;">|</span> |