diff options
Diffstat (limited to 'src/lib/Tools')
| -rw-r--r-- | src/lib/Tools/ActivityHistory/Tool.svelte | 5 | ||||
| -rw-r--r-- | src/lib/Tools/SequelSpy.svelte | 5 | ||||
| -rw-r--r-- | src/lib/Tools/Wrapped/Tool.svelte | 5 |
3 files changed, 12 insertions, 3 deletions
diff --git a/src/lib/Tools/ActivityHistory/Tool.svelte b/src/lib/Tools/ActivityHistory/Tool.svelte index d03e8545..5de98065 100644 --- a/src/lib/Tools/ActivityHistory/Tool.svelte +++ b/src/lib/Tools/ActivityHistory/Tool.svelte @@ -12,6 +12,7 @@ import ActivityHistoryGrid from './Grid.svelte'; import SettingHint from '$lib/Settings/SettingHint.svelte'; import Skeleton from '$lib/Loading/Skeleton.svelte'; + import Popup from '$lib/Popup.svelte'; export let user: AniListAuthorisation; @@ -65,7 +66,9 @@ </script> {#if user === undefined} - <div class="card popup">Please log in to view this page.</div> + <Popup fullscreen locked> + <div class="message">Please log in to view this page.</div> + </Popup> {:else} {#await activityHistoryData} <Skeleton card={false} count={5} height="0.9rem" list /> diff --git a/src/lib/Tools/SequelSpy.svelte b/src/lib/Tools/SequelSpy.svelte index ce6ea7e6..16e41f81 100644 --- a/src/lib/Tools/SequelSpy.svelte +++ b/src/lib/Tools/SequelSpy.svelte @@ -18,6 +18,7 @@ import HoverCover from '$lib/Media/Cover/HoverCover.svelte'; import Skeleton from '$lib/Loading/Skeleton.svelte'; import identity from '$stores/identity'; + import Popup from '$lib/Popup.svelte'; export let user: AniListAuthorisation; @@ -47,7 +48,9 @@ </script> {#if user === undefined || $identity.id === -2} - <div class="popup card">Please log in to view this page.</div> + <Popup fullscreen locked> + <div class="message">Please log in to view this page.</div> + </Popup> {:else} <div class="card"> <p> diff --git a/src/lib/Tools/Wrapped/Tool.svelte b/src/lib/Tools/Wrapped/Tool.svelte index 06e96215..f1de9f5d 100644 --- a/src/lib/Tools/Wrapped/Tool.svelte +++ b/src/lib/Tools/Wrapped/Tool.svelte @@ -28,6 +28,7 @@ import Skeleton from '$lib/Loading/Skeleton.svelte'; import Message from '$lib/Loading/Message.svelte'; import tooltip from '$lib/Tooltip/tooltip'; + import Popup from '$lib/Popup.svelte'; export let user: AniListAuthorisation; @@ -564,7 +565,9 @@ </script> {#if $userIdentity.id === -2 || user === undefined} - <div class="popup card">Please log in to view this page.</div> + <Popup fullscreen locked> + <div class="message">Please log in to view this page.</div> + </Popup> {:else if $userIdentity.id !== -1} {#await selectedYear !== currentYear || useFullActivityHistory || new Date().getMonth() <= 6 ? fullActivityHistory(user, $userIdentity, selectedYear) : getActivityHistory($userIdentity)} <Message message="Loading activity history ..." /> |