diff options
| author | Fuwn <[email protected]> | 2023-10-31 18:15:54 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-10-31 18:15:54 -0700 |
| commit | e756f055c0320c1f4454b846b62642e4cc388af8 (patch) | |
| tree | 44518441e40216e07d19646b19bb80b33dd5bbfe /src | |
| parent | style(package.json): format (diff) | |
| download | due.moe-e756f055c0320c1f4454b846b62642e4cc388af8.tar.xz due.moe-e756f055c0320c1f4454b846b62642e4cc388af8.zip | |
feat(anime): higher opacity for closest items
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/Media/anime.ts | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/src/lib/Media/anime.ts b/src/lib/Media/anime.ts index 9facce8f..5e5bfd68 100644 --- a/src/lib/Media/anime.ts +++ b/src/lib/Media/anime.ts @@ -63,12 +63,14 @@ export const airingTime = (anime: Media, upcoming = false) => { timeFrame = `${minutes} minute${minutes === 1 ? '' : 's'}`; } + const opacity = Math.round(100 - (untilAiring / 60 / 60 / 24 / 7) * 50); + if (upcoming) { - return `${anime.nextAiringEpisode?.episode}${totalEpisodes( + return `<span style="opacity: ${opacity}%">${anime.nextAiringEpisode?.episode}${totalEpisodes( anime - )} in ${timeFrame} <span style="opacity: 50%">${few ? `(${time})` : ''}</span>`; + )} in ${timeFrame} <span style="opacity: 50%">${few ? `(${time})` : ''}</span></span>`; } else { - return `<span style="opacity: 50%">${anime.nextAiringEpisode?.episode} in ${ + return `<span style="opacity: ${opacity}%">${anime.nextAiringEpisode?.episode} in ${ few ? '<b>' : '' }${timeFrame}${few ? '</b>' : ''} ${few ? `(${time})` : ''}</span>`; } |