diff options
| author | Fuwn <[email protected]> | 2024-02-07 02:34:22 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-02-07 02:34:22 -0800 |
| commit | e5de193dd2b8cb1ae465dd4c7116b29532003254 (patch) | |
| tree | 28d3bbe4e0dc9effd1f7489e7696a0a6e740e64f | |
| parent | refactor(hololive): move to client-side evaluation (diff) | |
| download | due.moe-e5de193dd2b8cb1ae465dd4c7116b29532003254.tar.xz due.moe-e5de193dd2b8cb1ae465dd4c7116b29532003254.zip | |
feat(hololive): show ended tag
| -rw-r--r-- | src/routes/hololive/+page.svelte | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/src/routes/hololive/+page.svelte b/src/routes/hololive/+page.svelte index 42e01075..4600dca0 100644 --- a/src/routes/hololive/+page.svelte +++ b/src/routes/hololive/+page.svelte @@ -67,7 +67,8 @@ <div class="stream card"> <p> [{#if live.streaming} - <b class="live">LIVE</b>{:else} + <b class="live">LIVE</b>{:else if new Date(live.time).getTime() < Date.now()} + <span class="ended">Ended</span>{:else} <span class="upcoming">Upcoming</span>{/if}] <b>{live.streamer}</b> <span class="opaque">|</span> {new Date(live.time).toLocaleString()} @@ -129,6 +130,10 @@ color: var(--base0C); } + .ended { + color: var(--base0D); + } + .container { display: grid; grid-template-columns: repeat(auto-fill, minmax(22.5em, 1fr)); |