From a763b3401f0a67a9bf9cc4ba6c4306b8fe46ccec Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Fri, 26 Apr 2024 17:17:03 -0700
Subject: feat(schedule): use global cover width

---
 src/lib/Schedule/Days.svelte | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

(limited to 'src/lib')

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;
 		}
 	}
-- 
cgit v1.2.3