diff options
| author | Fuwn <[email protected]> | 2023-12-16 01:07:53 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-12-16 01:07:53 -0800 |
| commit | aed022d05c120cc97a4c8fbc1d9074ab4a964688 (patch) | |
| tree | c9adfc9a04c1c1e19b7b22127bed999d7d3f4733 /src/lib/Media | |
| parent | feat(anime): right align countdown option (diff) | |
| download | due.moe-aed022d05c120cc97a4c8fbc1d9074ab4a964688.tar.xz due.moe-aed022d05c120cc97a4c8fbc1d9074ab4a964688.zip | |
fix(anime): better alignment
Diffstat (limited to 'src/lib/Media')
| -rw-r--r-- | src/lib/Media/anime.ts | 11 |
1 files changed, 4 insertions, 7 deletions
diff --git a/src/lib/Media/anime.ts b/src/lib/Media/anime.ts index 380b20d6..927da31b 100644 --- a/src/lib/Media/anime.ts +++ b/src/lib/Media/anime.ts @@ -70,20 +70,17 @@ 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}%; ${alignment}">${ - anime.nextAiringEpisode?.episode - }${totalEpisodes(anime)} in ${timeFrame} <span style="opacity: 50%">${ - few ? `(${time})` : '' - }</span></span>`; + }" style="opacity: ${opacity}%;">${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}%; ${alignment}">${anime.nextAiringEpisode?.episode} in ${ + }" style="opacity: ${opacity}%;">${anime.nextAiringEpisode?.episode} in ${ few ? '<b>' : '' }${timeFrame}${few ? '</b>' : ''} ${few ? `(${time})` : ''}</span>`; } |