diff options
Diffstat (limited to 'src/routes')
| -rw-r--r-- | src/routes/+page.svelte | 33 | ||||
| -rw-r--r-- | src/routes/completed/+page.svelte | 17 |
2 files changed, 30 insertions, 20 deletions
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index df418d37..833ddaef 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -11,6 +11,7 @@ import { createHeightObserver } from '$lib/Utility/html.js'; import Skeleton from '$lib/Skeleton.svelte'; import locale from '$stores/locale.js'; + import Landing from '$lib/Landing.svelte'; export let data; @@ -21,18 +22,22 @@ <LastActivity user={data.user} /> -<div - id="list-container" - style={`column-width: 300px; column-count: ${ - Number(!$settings.disableAnime) + - Number(!$settings.disableManga) + - Number(!$settings.disableUpcomingAnime) - - Number(!$settings.disableUpcomingAnime && !$settings.disableAnime && !$settings.disableManga) - };`} -> - {#if data.user === undefined} - <div class="card">Please log in to view due media.</div> - {:else} +{#if data.user === undefined} + <div class="card">Please log in to view due media.</div> + + <p /> + + <Landing /> +{:else} + <div + id="list-container" + style={`column-width: 300px; column-count: ${ + Number(!$settings.disableAnime) + + Number(!$settings.disableManga) + + Number(!$settings.disableUpcomingAnime) - + Number(!$settings.disableUpcomingAnime && !$settings.disableAnime && !$settings.disableManga) + };`} + > {#if !$settings.disableUpcomingAnime} <details open={!$settings.displayUpcomingAnimeCollapsed} class="list"> {#if $userIdentity.id != -1} @@ -87,8 +92,8 @@ <track kind="captions" /> </video> {/if} - {/if} -</div> + </div> +{/if} <style> .list { diff --git a/src/routes/completed/+page.svelte b/src/routes/completed/+page.svelte index 087b0974..9b20781f 100644 --- a/src/routes/completed/+page.svelte +++ b/src/routes/completed/+page.svelte @@ -10,6 +10,7 @@ import { createHeightObserver } from '$lib/Utility/html.js'; import Skeleton from '$lib/Skeleton.svelte'; import locale from '$stores/locale.js'; + import Landing from '$lib/Landing.svelte'; export let data; @@ -20,10 +21,14 @@ <LastActivity user={data.user} /> -<div id="list-container"> - {#if data.user === undefined} - Please log in to view due media. - {:else} +{#if data.user === undefined} + <div class="card">Please log in to view completed media.</div> + + <p /> + + <Landing /> +{:else} + <div id="list-container"> <details open={!$settings.displayAnimeCollapsed} class="list"> {#if $userIdentity.id != -1} <WatchingAnimeList user={data.user} identity={$userIdentity} /> @@ -48,8 +53,8 @@ <Skeleton card={false} count={5} height="0.9rem" list /> {/if} </details> - {/if} -</div> + </div> +{/if} <style> #list-container { |