diff options
| author | Fuwn <[email protected]> | 2024-02-19 17:33:52 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-02-19 17:33:52 -0800 |
| commit | 7cea4b6815898121d81cc15e4b07b8cfd0e86e99 (patch) | |
| tree | 84ab54995e077a7392ee0a6cabfb2026671e8ed2 /src/lib | |
| parent | refactor(user): ids to classes (diff) | |
| download | due.moe-7cea4b6815898121d81cc15e4b07b8cfd0e86e99.tar.xz due.moe-7cea4b6815898121d81cc15e4b07b8cfd0e86e99.zip | |
refactor: ids to classes
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/List/Anime/CleanAnimeList.svelte | 4 | ||||
| -rw-r--r-- | src/lib/Schedule/Days.svelte | 4 | ||||
| -rw-r--r-- | src/lib/Tools/Birthdays.svelte | 4 |
3 files changed, 6 insertions, 6 deletions
diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte index c94dc15e..e508606a 100644 --- a/src/lib/List/Anime/CleanAnimeList.svelte +++ b/src/lib/List/Anime/CleanAnimeList.svelte @@ -91,7 +91,7 @@ {#if $settings.displayCoverMode} <div - id="covers" + class="covers" style={`grid-template-columns: repeat(auto-fill, minmax(${$settings.displayCoverWidth}px, 1fr))`} > {#each media as anime} @@ -236,7 +236,7 @@ <HoverCover options={hoverCoverState} width={300} /> <style> - #covers { + .covers { display: grid; justify-content: center; gap: 1em 0.5em; diff --git a/src/lib/Schedule/Days.svelte b/src/lib/Schedule/Days.svelte index c16447b5..27caa89d 100644 --- a/src/lib/Schedule/Days.svelte +++ b/src/lib/Schedule/Days.svelte @@ -75,7 +75,7 @@ <summary>{day}</summary> {#if !$settings.displayScheduleListMode && !forceListMode} - <div id="covers" style={`grid-template-columns: repeat(auto-fill, minmax(11.5%, 1fr))`}> + <div class="covers" style={`grid-template-columns: repeat(auto-fill, minmax(11.5%, 1fr))`}> {#each Object.values(scheduleEntry) as entry} {@const media = associateMedia(scheduledMedia, entry.title)} @@ -141,7 +141,7 @@ {/each} <style> - #covers { + .covers { display: grid; justify-content: center; gap: 1em 0.5em; diff --git a/src/lib/Tools/Birthdays.svelte b/src/lib/Tools/Birthdays.svelte index 573e98b2..070abeda 100644 --- a/src/lib/Tools/Birthdays.svelte +++ b/src/lib/Tools/Birthdays.svelte @@ -115,7 +115,7 @@ </select> </p> - <div id="characters"> + <div class="characters"> {#each birthdays as birthday} <div class="card card-small"> <a @@ -141,7 +141,7 @@ {/await} <style lang="scss"> - #characters { + .characters { display: grid; grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); gap: 1rem; |