diff options
| author | Fuwn <[email protected]> | 2026-03-01 16:20:51 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2026-03-01 16:21:02 -0800 |
| commit | eae5d24d9e79e59a19d4721caaeaa0ca650ecb33 (patch) | |
| tree | 1b685bb248e051dfa26d2bfdebe6689402dd93c5 /src/lib/Image | |
| parent | chore(tooling): remove legacy eslint and prettier (diff) | |
| download | due.moe-eae5d24d9e79e59a19d4721caaeaa0ca650ecb33.tar.xz due.moe-eae5d24d9e79e59a19d4721caaeaa0ca650ecb33.zip | |
chore(biome): drop formatter style overrides
Diffstat (limited to 'src/lib/Image')
| -rw-r--r-- | src/lib/Image/FallbackImage.svelte | 15 | ||||
| -rw-r--r-- | src/lib/Image/ParallaxImage.svelte | 37 |
2 files changed, 29 insertions, 23 deletions
diff --git a/src/lib/Image/FallbackImage.svelte b/src/lib/Image/FallbackImage.svelte index 27c427be..8ff6f6c3 100644 --- a/src/lib/Image/FallbackImage.svelte +++ b/src/lib/Image/FallbackImage.svelte @@ -4,20 +4,21 @@ export let alternative: string | undefined | null; export let fallback: string | undefined | null; export let maxReplaceCount = 1; export let replaceDelay = 1000; -export let error = 'https://i2.kym-cdn.com/photos/images/newsfeed/000/290/992/0aa.jpg'; +export let error = + "https://i2.kym-cdn.com/photos/images/newsfeed/000/290/992/0aa.jpg"; export let hideOnError = false; -export let style = ''; +export let style = ""; let replaceCount = 0; const delayedReplace = (event: Event, image: string | undefined | null) => { - if (replaceCount >= maxReplaceCount) return; + if (replaceCount >= maxReplaceCount) return; - setTimeout(() => { - (event.target as HTMLImageElement).src = image || ''; + setTimeout(() => { + (event.target as HTMLImageElement).src = image || ""; - replaceCount += 1; - }, replaceDelay); + replaceCount += 1; + }, replaceDelay); }; </script> diff --git a/src/lib/Image/ParallaxImage.svelte b/src/lib/Image/ParallaxImage.svelte index 66906cbc..9b15d990 100644 --- a/src/lib/Image/ParallaxImage.svelte +++ b/src/lib/Image/ParallaxImage.svelte @@ -1,18 +1,18 @@ <script lang="ts"> -import { cubicOut } from 'svelte/easing'; -import { tweened } from 'svelte/motion'; +import { cubicOut } from "svelte/easing"; +import { tweened } from "svelte/motion"; export let source: string; export let duration = 300 * 1.75; export let easing = cubicOut; export let alternativeText: string; -export let classList = ''; -export let style = ''; +export let classList = ""; +export let style = ""; export let factor = 1.25; export let limit = 300 * 1.75; -export let borderRadius = '8px'; -export let loading: 'lazy' | 'eager' = 'lazy'; -export let fetchpriority: 'high' | 'low' | 'auto' | undefined = undefined; +export let borderRadius = "8px"; +export let loading: "lazy" | "eager" = "lazy"; +export let fetchpriority: "high" | "low" | "auto" | undefined = undefined; export let width: number | undefined = undefined; export let height: number | undefined = undefined; @@ -20,20 +20,25 @@ let badgeReference: HTMLImageElement; const mouse = tweened({ x: 0, y: 0 }, { duration, easing }); const handleMouseMove = (event: MouseEvent) => { - const boundingRectangle = badgeReference.getBoundingClientRect(); + const boundingRectangle = badgeReference.getBoundingClientRect(); - if ($mouse.x === 0 && $mouse.y === 0) $mouse = { x: event.clientX, y: event.clientY }; + if ($mouse.x === 0 && $mouse.y === 0) + $mouse = { x: event.clientX, y: event.clientY }; - $mouse.x += - (-(event.clientX - boundingRectangle.left - boundingRectangle.width / 2) - $mouse.x) * factor; - $mouse.y += - (-(event.clientY - boundingRectangle.top - boundingRectangle.height / 2) - $mouse.y) * factor; - $mouse.x = Math.max(Math.min($mouse.x, limit), -limit); - $mouse.y = Math.max(Math.min($mouse.y, limit), -limit); + $mouse.x += + (-(event.clientX - boundingRectangle.left - boundingRectangle.width / 2) - + $mouse.x) * + factor; + $mouse.y += + (-(event.clientY - boundingRectangle.top - boundingRectangle.height / 2) - + $mouse.y) * + factor; + $mouse.x = Math.max(Math.min($mouse.x, limit), -limit); + $mouse.y = Math.max(Math.min($mouse.y, limit), -limit); }; const handleMouseLeave = () => { - $mouse = { x: 0, y: 0 }; + $mouse = { x: 0, y: 0 }; }; </script> |