From 427f1a599aaa0869201a212462d8edc2ba78c74f Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 25 Jan 2024 00:02:26 -0800
Subject: feat(anime): badges and list skeleton ui

---
 src/lib/List/Anime/AnimeListTemplate.svelte | 18 ++++++++++++++++--
 src/lib/Skeleton.svelte                     |  3 ++-
 2 files changed, 18 insertions(+), 3 deletions(-)

(limited to 'src/lib')

diff --git a/src/lib/List/Anime/AnimeListTemplate.svelte b/src/lib/List/Anime/AnimeListTemplate.svelte
index 4cfd03fd..46537524 100644
--- a/src/lib/List/Anime/AnimeListTemplate.svelte
+++ b/src/lib/List/Anime/AnimeListTemplate.svelte
@@ -35,7 +35,14 @@
 
 	<ul><li>Loading subtitle release data ... 33%</li></ul>
 
-	<Skeleton card={false} count={5} height="0.9rem" list />
+	<Skeleton
+		card={false}
+		count={5}
+		pad
+		height={$settings.displayCoverMode ? '5rem' : '0.9rem'}
+		list={!$settings.displayCoverMode}
+		grid={$settings.displayCoverMode}
+	/>
 {:then subsPlease}
 	{#await animeLists}
 		{#if previousAnimeList}
@@ -56,7 +63,14 @@
 
 			<ul><li>Loading anime lists ... 66%</li></ul>
 
-			<Skeleton card={false} count={5} height="0.9rem" list />
+			<Skeleton
+				card={false}
+				count={5}
+				pad
+				height={$settings.displayCoverMode ? '5rem' : '0.9rem'}
+				list={!$settings.displayCoverMode}
+				grid={$settings.displayCoverMode}
+			/>
 		{/if}
 	{:then media}
 		<CleanAnimeList
diff --git a/src/lib/Skeleton.svelte b/src/lib/Skeleton.svelte
index 71078f13..5bb90ab9 100644
--- a/src/lib/Skeleton.svelte
+++ b/src/lib/Skeleton.svelte
@@ -5,10 +5,11 @@
 	export let card = true;
 	export let grid = false;
 	export let list = false;
+	export let pad = false;
 </script>
 
 {#if grid}
-	<div class="grid">
+	<div class="grid" style={pad ? 'padding-top: .5rem;' : ''}>
 		{#each Array(count) as _}
 			<div class={card ? 'card card-small' : ''} style={`width: ${width};`}>
 				<div class="skeleton-container">
-- 
cgit v1.2.3