diff options
| author | Fuwn <[email protected]> | 2023-12-16 00:19:52 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-12-16 00:19:52 -0800 |
| commit | cedc294b232e2f902fb73a867788e4b5e48beebd (patch) | |
| tree | bbf5183576ecbabd6e03748244554599a2786c4f /src/lib/Media | |
| parent | feat(settings): scroll to section (diff) | |
| download | due.moe-cedc294b232e2f902fb73a867788e4b5e48beebd.tar.xz due.moe-cedc294b232e2f902fb73a867788e4b5e48beebd.zip | |
feat(anime): right align countdown option
Diffstat (limited to 'src/lib/Media')
| -rw-r--r-- | src/lib/Media/anime.ts | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/lib/Media/anime.ts b/src/lib/Media/anime.ts index 001a7798..380b20d6 100644 --- a/src/lib/Media/anime.ts +++ b/src/lib/Media/anime.ts @@ -70,17 +70,20 @@ export const airingTime = (anime: Media, upcoming = false) => { } const opacity = Math.max(50, 100 - (untilAiring / 60 / 60 / 24 / 7) * 50); + const alignment = get(settings).displayCountdownRightAligned ? 'float: right;' : ''; if (upcoming) return `<span title="${ hours ? `${hours.toFixed(3)} hours` : '' - }" style="opacity: ${opacity}%">${anime.nextAiringEpisode?.episode}${totalEpisodes( - anime - )} in ${timeFrame} <span style="opacity: 50%">${few ? `(${time})` : ''}</span></span>`; + }" style="opacity: ${opacity}%; ${alignment}">${ + anime.nextAiringEpisode?.episode + }${totalEpisodes(anime)} in ${timeFrame} <span style="opacity: 50%">${ + few ? `(${time})` : '' + }</span></span>`; else return `<span title="${ hours ? `${hours.toFixed(3)} hours` : '' - }" style="opacity: ${opacity}%">${anime.nextAiringEpisode?.episode} in ${ + }" style="opacity: ${opacity}%; ${alignment}">${anime.nextAiringEpisode?.episode} in ${ few ? '<b>' : '' }${timeFrame}${few ? '</b>' : ''} ${few ? `(${time})` : ''}</span>`; } |