From ce7f17d8304c0f7e5631b2c46b2d97f35adb44ca Mon Sep 17 00:00:00 2001 From: Fuwn Date: Wed, 31 Jan 2024 03:36:22 -0800 Subject: refactor: global opacity class --- src/lib/Landing.svelte | 8 ++++---- src/lib/List/Anime/CleanAnimeList.svelte | 2 +- src/lib/List/ListTitle.svelte | 2 +- src/lib/Media/Anime/Airing/AiringTime.svelte | 2 +- src/lib/Media/Anime/Airing/time.ts | 4 ++-- src/lib/Media/Anime/episodes.ts | 2 +- src/lib/Schedule/Days.svelte | 6 +++--- src/lib/Settings/Categories/Cache.svelte | 2 +- src/lib/Tools/SequelSpy.svelte | 4 ++-- src/lib/Tools/Wrapped/Media.svelte | 4 ++-- src/routes/+layout.svelte | 2 +- src/routes/updates/+page.svelte | 4 ++-- src/styles/typography.css | 6 ++++++ 13 files changed, 27 insertions(+), 21 deletions(-) (limited to 'src') diff --git a/src/lib/Landing.svelte b/src/lib/Landing.svelte index ab9ab4e2..52648748 100644 --- a/src/lib/Landing.svelte +++ b/src/lib/Landing.svelte @@ -85,8 +85,8 @@ > - | - {readChapters}/{manga.chapters || '?'} + | + {readChapters}/{manga.chapters || '?'} [{Math.floor(Math.random() * ((manga.chapters ?? 0) - readChapters)) + readChapters + @@ -176,8 +176,8 @@ > - | - {watchedEpisodes}/{anime.episodes || '?'} + | + {watchedEpisodes}/{anime.episodes || '?'} [{Math.floor(Math.random() * ((anime.episodes ?? 0) - watchedEpisodes)) + watchedEpisodes + diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte index 271c8991..32d9edd7 100644 --- a/src/lib/List/Anime/CleanAnimeList.svelte +++ b/src/lib/List/Anime/CleanAnimeList.svelte @@ -179,7 +179,7 @@ [S] {/if} {#if !upcoming || notYetReleased || !$settings.displayCountdownRightAligned} - | + | {/if} {#if !upcoming || notYetReleased} diff --git a/src/lib/List/ListTitle.svelte b/src/lib/List/ListTitle.svelte index 59f52ea7..4af60acb 100644 --- a/src/lib/List/ListTitle.svelte +++ b/src/lib/List/ListTitle.svelte @@ -16,7 +16,7 @@ {title.title} [{count === -1337 ? '...' : count}] {#if !hideTime} - {time ? time.toFixed(3) : '...'}s + {time ? time.toFixed(3) : '...'}s {/if} {#if progress !== undefined} diff --git a/src/lib/Media/Anime/Airing/AiringTime.svelte b/src/lib/Media/Anime/Airing/AiringTime.svelte index da61ea11..8ab9e754 100644 --- a/src/lib/Media/Anime/Airing/AiringTime.svelte +++ b/src/lib/Media/Anime/Airing/AiringTime.svelte @@ -41,7 +41,7 @@ (anime as unknown as MediaPrequel).startDate.day ) < new Date() ) - return `on ${new Date( + return `on ${new Date( anime.startDate.year, (anime as unknown as MediaPrequel).startDate.month, (anime as unknown as MediaPrequel).startDate.day diff --git a/src/lib/Media/Anime/Airing/time.ts b/src/lib/Media/Anime/Airing/time.ts index 2936f1b6..83642687 100644 --- a/src/lib/Media/Anime/Airing/time.ts +++ b/src/lib/Media/Anime/Airing/time.ts @@ -31,7 +31,7 @@ export const airingTime = ( (anime as unknown as MediaPrequel).startDate.day ) < new Date() ) - return `on ${new Date( + return `on ${new Date( anime.startDate.year, (anime as unknown as MediaPrequel).startDate.month, (anime as unknown as MediaPrequel).startDate.day @@ -108,7 +108,7 @@ export const airingTime = ( if (upcoming) return `${nextEpisode}${totalEpisodes( anime - )} in ${timeFrame} ${ + )} in ${timeFrame} ${ few && get(settings).displayCoverMode ? '
' : '' }${few ? `(${time})` : ''}`; else diff --git a/src/lib/Media/Anime/episodes.ts b/src/lib/Media/Anime/episodes.ts index 65a5d873..cbcfb7ad 100644 --- a/src/lib/Media/Anime/episodes.ts +++ b/src/lib/Media/Anime/episodes.ts @@ -1,4 +1,4 @@ import type { Media } from '$lib/AniList/media'; export const totalEpisodes = (anime: Media) => - anime.episodes === null ? '' : `/${anime.episodes}`; + anime.episodes === null ? '' : `/${anime.episodes}`; diff --git a/src/lib/Schedule/Days.svelte b/src/lib/Schedule/Days.svelte index 32721bdc..ebef62f2 100644 --- a/src/lib/Schedule/Days.svelte +++ b/src/lib/Schedule/Days.svelte @@ -106,7 +106,7 @@ {#if media && media.nextAiringEpisode} - + {episode(media, day)}{media.episodes ? `/${media.episodes}` : ''} at {/if} @@ -124,11 +124,11 @@
  • {#if !$settings.displayCountdownRightAligned} - | + | {/if} {#if media && media.nextAiringEpisode} - + {episode(media, day)}{media.episodes ? `/${media.episodes}` : ''} at {/if} diff --git a/src/lib/Settings/Categories/Cache.svelte b/src/lib/Settings/Categories/Cache.svelte index eaa14063..04b0f232 100644 --- a/src/lib/Settings/Categories/Cache.svelte +++ b/src/lib/Settings/Categories/Cache.svelte @@ -3,7 +3,7 @@ import settings from '$stores/settings'; - + All caches are stored in your browser's localStorage - | - {prequel.seen}/{prequel.episodes} + | + {prequel.seen}/{prequel.episodes} {@html prequelAiringTime(prequel)}
    • {/each} diff --git a/src/lib/Tools/Wrapped/Media.svelte b/src/lib/Tools/Wrapped/Media.svelte index 08092a28..927cbfd4 100644 --- a/src/lib/Tools/Wrapped/Media.svelte +++ b/src/lib/Tools/Wrapped/Media.svelte @@ -48,7 +48,7 @@ {/each} {:else}
  • -

    (⌣_⌣”)

    +

    (⌣_⌣”)

    • {/if} @@ -87,7 +87,7 @@ {/each} {:else}
  • -

    (⌣_⌣”)

    +

    (⌣_⌣”)

    • {/if} diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index b77ae58f..924757e6 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -121,7 +121,7 @@ {$locale().navigation.tools} {$locale().navigation.settings} - | + | {#if data.user} diff --git a/src/routes/updates/+page.svelte b/src/routes/updates/+page.svelte index b4e95081..b97b9272 100644 --- a/src/routes/updates/+page.svelte +++ b/src/routes/updates/+page.svelte @@ -59,7 +59,7 @@
    Manga - {mangaEndTime ? mangaEndTime / 1000 : '...'}s + {mangaEndTime ? mangaEndTime / 1000 : '...'}s {#if feed === null} @@ -93,7 +93,7 @@
    Novels - {novelEndTime ? novelEndTime / 1000 : '...'}s + {novelEndTime ? novelEndTime / 1000 : '...'}s {#if novelFeed === null} diff --git a/src/styles/typography.css b/src/styles/typography.css index caf65724..c1eefbd5 100644 --- a/src/styles/typography.css +++ b/src/styles/typography.css @@ -25,3 +25,9 @@ body { position: relative; z-index: -1; } + +.true-opaque { + opacity: 0.5; + position: relative; + z-index: -1; +} -- cgit v1.2.3