From 59425d0074131bb2aec629d2d4163ba4dad82831 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 4 Jan 2024 11:21:52 -0800
Subject: feat(schedule): details

---
 src/lib/Tools/Schedule/Crunchyroll.svelte | 50 +++++++++++++++++++------------
 1 file changed, 31 insertions(+), 19 deletions(-)

(limited to 'src/lib/Tools/Schedule/Crunchyroll.svelte')

diff --git a/src/lib/Tools/Schedule/Crunchyroll.svelte b/src/lib/Tools/Schedule/Crunchyroll.svelte
index a2b5d339..78bbf9cf 100644
--- a/src/lib/Tools/Schedule/Crunchyroll.svelte
+++ b/src/lib/Tools/Schedule/Crunchyroll.svelte
@@ -51,34 +51,46 @@
 		{@const date = new Date(day[0].year, day[0].month - 1, day[0].day)}
 
 		<div class="card day">
-			{date.toLocaleString('default', { month: 'long' })}
-			{ordinalSuffix(day[0].day)}, {day[0].year}
-			<ol>
-				{#each day as media}
-					<li>{media.title}</li>
-				{/each}
-			</ol>
+			<details open class="details-unstyled">
+				<summary>
+					{date.toLocaleString('default', { month: 'long' })}
+					{ordinalSuffix(day[0].day)}, {day[0].year}
+				</summary>
+				<ol>
+					{#each day as media}
+						<li>{media.title}</li>
+					{/each}
+				</ol>
+			</details>
 		</div>
 
 		<p />
 	{/each}
 
 	<div class="card day">
-		Coming soon
-		<ol>
-			{#each soon as media}
-				<li>{media.title}</li>
-			{/each}
-		</ol>
+		<details open class="details-unstyled">
+			<summary>Coming soon</summary>
+
+			<ol>
+				{#each soon as media}
+					<li>{media.title}</li>
+				{/each}
+			</ol>
+		</details>
 	</div>
 
 	<div class="card day">
-		Continuing from previous season
-		<ol>
-			{#each continuing as media}
-				<li>{media.title}</li>
-			{/each}
-		</ol>
+		<details open class="details-unstyled">
+			<summary>Continuing from previous season</summary>
+
+			<p />
+
+			<ol>
+				{#each continuing as media}
+					<li>{media.title}</li>
+				{/each}
+			</ol>
+		</details>
 	</div>
 </div>
 
-- 
cgit v1.2.3