diff options
| author | Fuwn <[email protected]> | 2024-04-26 17:17:03 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-26 17:17:03 -0700 |
| commit | a763b3401f0a67a9bf9cc4ba6c4306b8fe46ccec (patch) | |
| tree | 0aba8c205a5c8dc4baacc28f7a72a66eca50ef9e /src/lib | |
| parent | feat(schedule): better tooltip (diff) | |
| download | due.moe-a763b3401f0a67a9bf9cc4ba6c4306b8fe46ccec.tar.xz due.moe-a763b3401f0a67a9bf9cc4ba6c4306b8fe46ccec.zip | |
feat(schedule): use global cover width
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/Schedule/Days.svelte | 13 |
1 files changed, 6 insertions, 7 deletions
diff --git a/src/lib/Schedule/Days.svelte b/src/lib/Schedule/Days.svelte index c0cacb0e..03f240e6 100644 --- a/src/lib/Schedule/Days.svelte +++ b/src/lib/Schedule/Days.svelte @@ -79,7 +79,10 @@ <summary>{day}</summary> {#if !$settings.displayScheduleListMode && !forceListMode} - <div class="covers"> + <div + class="covers" + style={`grid-template-columns: repeat(auto-fill, minmax(${$settings.displayCoverWidth}px, 1fr))`} + > {#each Object.values(scheduleEntry) as entry, entryIndex} {@const media = associateMedia(scheduledMedia, entry.title)} @@ -153,10 +156,6 @@ {/each} <style> - .covers { - grid-template-columns: repeat(auto-fill, minmax(12%, 1fr)); - } - .countdown { white-space: nowrap; float: right; @@ -173,7 +172,7 @@ } @media (max-width: 800px) { - .cover-title { + .cover-title-element { display: none; } @@ -183,7 +182,7 @@ } @media (max-width: 1600px) { - .cover-title { + .cover-title-element { display: none; } } |