aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools
diff options
context:
space:
mode:
authorFuwn <[email protected]>2024-08-22 04:36:48 -0700
committerFuwn <[email protected]>2024-08-22 04:36:48 -0700
commit84ed9e26cdeb7e02684f019ca7d07fef5286351e (patch)
tree7454c5ad9736b9f7676ae3e541a8fa0d40e64dc7 /src/lib/Tools
parentfeat(Completed): allow hiding panels (diff)
downloaddue.moe-84ed9e26cdeb7e02684f019ca7d07fef5286351e.tar.xz
due.moe-84ed9e26cdeb7e02684f019ca7d07fef5286351e.zip
feat(settings): data saver
Diffstat (limited to 'src/lib/Tools')
-rw-r--r--src/lib/Tools/Likes.svelte5
-rw-r--r--src/lib/Tools/SequelSpy.svelte6
2 files changed, 9 insertions, 2 deletions
diff --git a/src/lib/Tools/Likes.svelte b/src/lib/Tools/Likes.svelte
index d4f62cb9..fbbc30af 100644
--- a/src/lib/Tools/Likes.svelte
+++ b/src/lib/Tools/Likes.svelte
@@ -4,6 +4,7 @@
import RateLimited from '$lib/Error/RateLimited.svelte';
import Skeleton from '$lib/Loading/Skeleton.svelte';
import tooltip from '$lib/Tooltip/tooltip';
+ import settings from '$stores/settings';
import InputTemplate from './InputTemplate.svelte';
let submission = '';
@@ -35,7 +36,9 @@
<a
href={`https://anilist.co/user/${like.name}`}
target="_blank"
- title={`<img src="${like.avatar?.large}" style="width: 150px; object-fit: cover; border-radius: 8px;" />`}
+ title={`<img src="${
+ $settings.displayDataSaver ? like.avatar?.medium : like.avatar?.large
+ }" style="width: 150px; object-fit: cover; border-radius: 8px;" />`}
use:tooltip
>
{like.name}
diff --git a/src/lib/Tools/SequelSpy.svelte b/src/lib/Tools/SequelSpy.svelte
index d9637efe..28db4466 100644
--- a/src/lib/Tools/SequelSpy.svelte
+++ b/src/lib/Tools/SequelSpy.svelte
@@ -62,7 +62,11 @@
{#each currentPrequels.sort((a, b) => new Date(a.startDate.year, a.startDate.month - 1, a.startDate.day).getTime() - new Date(b.startDate.year, b.startDate.month - 1, b.startDate.day).getTime()) as prequel}
<li id={`${prequel.id}`}>
<LinkedTooltip
- content={`<img src="${prequel.coverImage.extraLarge}" style="width: 250px; object-fit: cover; border-radius: 8px;" />`}
+ content={`<img src="${
+ $settings.displayDataSaver
+ ? prequel.coverImage.medium
+ : prequel.coverImage.extraLarge
+ }" style="width: 250px; object-fit: cover; border-radius: 8px;" />`}
pin={`${prequel.id}`}
pinPosition="top"
disable={!$settings.displayHoverCover}