starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-20 07:53:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

Working episode playback

Browse Source
This commit is contained in:
Aleksi Lassila
2023-07-14 00:35:33 +03:00
parent ea6a42d8e2
commit e79b350559
16 changed files with 362 additions and 185 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/components/Card/Card.svelte
View File

@@ -63,18 +63,16 @@
{/if}
{#if seasons}
<div class="text-sm text-zinc-200">
{seasons} seasons
{seasons} Season{seasons > 1 ? 's' : ''}
</div>
{/if}
{#if rating}
<div class="flex gap-1.5 items-center">
<Star />
<div class="text-sm text-zinc-200">
{rating.toFixed(1)}
</div>
<div class="flex gap-1.5 items-center">
<Star />
<div class="text-sm text-zinc-200">
{rating ? rating.toFixed(1) : 'N/A'}
</div>
{/if}
</div>
{/if}
</div>
</div>

8
src/lib/components/Card/CardPlaceholder.svelte
View File

@@ -2,14 +2,14 @@
import classNames from 'classnames';
export let index = 0;
export let type: 'dynamic' | 'md' | 'large' = 'md';
export let size: 'dynamic' | 'md' | 'large' = 'md';
</script>
<div
class={classNames('rounded overflow-hidden shadow-2xl placeholder shrink-0 aspect-video', {
'h-40': type === 'md',
'h-60': type === 'large',
'w-full': type === 'dynamic'
'h-40': size === 'md',
'h-60': size === 'large',
'w-full': size === 'dynamic'
})}
style={'animation-delay: ' + ((index * 100) % 2000) + 'ms;'}
/>