starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-25 10:15:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

Work on reworked season page

Browse Source
This commit is contained in:
Aleksi Lassila
2023-08-03 16:48:13 +03:00
parent 4646883dff
commit a50ea33f1b
11 changed files with 168 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,15 +1,17 @@
<script lang="ts">
import classNames from 'classnames';
import { fade } from 'svelte/transition';
export let index = 0;
export let size: 'dynamic' | 'md' | 'lg' = 'md';
</script>
<div
class={classNames('rounded overflow-hidden shadow-2xl placeholder shrink-0 aspect-video', {
class={classNames('rounded overflow-hidden shadow-lg placeholder shrink-0 aspect-video', {
'h-40': size === 'md',
'h-60': size === 'lg',
'w-full': size === 'dynamic'
})}
style={'animation-delay: ' + ((index * 100) % 2000) + 'ms;'}
transition:fade|global
/>