starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-23 01:05:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: Added library sorting and pagination, improved image loading and other small adjustments

Browse Source
This commit is contained in:
Aleksi Lassila
2023-08-31 02:45:36 +03:00
parent 203bce45b8
commit ca3911e062
24 changed files with 354 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -55,7 +55,7 @@
)}
on:click={() => {
if (openInModal) {
openTitleModal(tmdbId, type, title);
openTitleModal(tmdbId, type);
} else {
window.location.href = `/${type}/${tmdbId}`;
}

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

@@ -4,12 +4,17 @@
export let index = 0;
export let size: 'dynamic' | 'md' | 'lg' = 'md';
export let orientation: 'portrait' | 'landscape' = 'landscape';
</script>
<div
class={classNames('rounded overflow-hidden shadow-lg placeholder shrink-0 aspect-video', {
'h-40': size === 'md',
'h-60': size === 'lg',
class={classNames('rounded-xl overflow-hidden shadow-lg placeholder shrink-0', {
'aspect-video': orientation === 'landscape',
'aspect-[2/3]': orientation === 'portrait',
'w-44': size === 'md' && orientation === 'portrait',
'h-44': size === 'md' && orientation === 'landscape',
'w-60': size === 'lg' && orientation === 'portrait',
'h-60': size === 'lg' && orientation === 'landscape',
'w-full': size === 'dynamic'
})}
style={'animation-delay: ' + ((index * 100) % 2000) + 'ms;'}