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

format files

Browse Source
This commit is contained in:
maxDorninger
2025-06-28 22:49:23 +02:00
parent a1c7b9b941
commit e44fb29852
44 changed files with 481 additions and 515 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
web/src/lib/components/recommended-media-carousel.svelte
View File

@@ -1,29 +1,32 @@
<script lang="ts">
import Autoplay from 'embla-carousel-autoplay';
import * as Carousel from '$lib/components/ui/carousel/index.js';
import type {MetaDataProviderShowSearchResult} from '$lib/types';
import AddMediaCard from '$lib/components/add-media-card.svelte';
import {Skeleton} from "$lib/components/ui/skeleton";
import {Button} from "$lib/components/ui/button";
import {ChevronDown, ChevronRight} from "lucide-svelte";
import {Skeleton} from '$lib/components/ui/skeleton';
import {Button} from '$lib/components/ui/button';
import {ChevronRight} from 'lucide-svelte';
let {media, isShow, isLoading}: {
media: MetaDataProviderShowSearchResult[],
isShow: boolean,
isLoading: boolean
let {
media,
isShow,
isLoading
}: {
media: MetaDataProviderShowSearchResult[];
isShow: boolean;
isLoading: boolean;
} = $props();
</script>
<div class="grid w-full gap-4 sm:grid-cols-1
md:grid-cols-2 lg:grid-cols-3">
<div
class="grid w-full gap-4 sm:grid-cols-1
md:grid-cols-2 lg:grid-cols-3"
>
{#if isLoading}
<Skeleton class="w-full h-[70vh]"/>
<Skeleton class="w-full h-[70vh]"/>
<Skeleton class="w-full h-[70vh]"/>
{:else }
<Skeleton class="h-[70vh] w-full"/>
<Skeleton class="h-[70vh] w-full"/>
<Skeleton class="h-[70vh] w-full"/>
{:else}
{#each media.slice(0, 3) as mediaItem}
<AddMediaCard isShow={isShow} result={mediaItem}/>
<AddMediaCard {isShow} result={mediaItem}/>
{/each}
{/if}
{#if isShow}
@@ -31,11 +34,10 @@
More recommendations
<ChevronRight/>
</Button>
{:else }
{:else}
<Button class="md:col-start-2" variant="secondary" href="/dashboard/movies/add-movie">
More recommendations
<ChevronRight/>
</Button>
{/if}
</div>