diff options
| author | Fuwn <[email protected]> | 2024-01-04 11:21:52 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-04 11:21:52 -0800 |
| commit | 59425d0074131bb2aec629d2d4163ba4dad82831 (patch) | |
| tree | 32f4fc666146b249f63acb36008b61dddda48574 /src/lib/Tools/Schedule/Crunchyroll.svelte | |
| parent | fix(badges): add spacer (diff) | |
| download | due.moe-59425d0074131bb2aec629d2d4163ba4dad82831.tar.xz due.moe-59425d0074131bb2aec629d2d4163ba4dad82831.zip | |
feat(schedule): details
Diffstat (limited to 'src/lib/Tools/Schedule/Crunchyroll.svelte')
| -rw-r--r-- | src/lib/Tools/Schedule/Crunchyroll.svelte | 50 |
1 files changed, 31 insertions, 19 deletions
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> |