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

style: Improved library page loading animations

Browse Source
This commit is contained in:
Aleksi Lassila
2023-08-31 03:26:06 +03:00
parent ca3911e062
commit 8a056a3045
3 changed files with 33 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/Poster/Poster.svelte
View File

@@ -18,7 +18,7 @@
export let rating: number | undefined = undefined;
export let progress = 0;
export let size: 'dynamic' | 'md' | 'lg' = 'md';
export let size: 'dynamic' | 'md' | 'lg' | 'sm' = 'md';
export let orientation: 'portrait' | 'landscape' = 'landscape';
</script>
@@ -29,6 +29,8 @@
{
'aspect-video': orientation === 'landscape',
'aspect-[2/3]': orientation === 'portrait',
'w-32': size === 'sm' && orientation === 'portrait',
'h-32': size === 'sm' && orientation === 'landscape',
'w-44': size === 'md' && orientation === 'portrait',
'h-44': size === 'md' && orientation === 'landscape',
'w-60': size === 'lg' && orientation === 'portrait',