diff options
| -rw-r--r-- | src/lib/List/Anime/AnimeListTemplate.svelte | 18 | ||||
| -rw-r--r-- | src/lib/Skeleton.svelte | 3 |
2 files changed, 18 insertions, 3 deletions
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"> |