aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Loading
diff options
context:
space:
mode:
authorFuwn <[email protected]>2026-01-23 01:57:27 -0800
committerFuwn <[email protected]>2026-01-23 01:57:27 -0800
commit5317c03ac16e68b84ef54a9c07ab04b6eae3d601 (patch)
tree18cce9638638c46a1beec56758378c1240a2a361 /src/lib/Loading
parentfix(deps): Add missing fast-levenshtein dependency (diff)
downloaddue.moe-5317c03ac16e68b84ef54a9c07ab04b6eae3d601.tar.xz
due.moe-5317c03ac16e68b84ef54a9c07ab04b6eae3d601.zip
fix(html): Replace self-closing non-void HTML elements with proper closing tags
Diffstat (limited to 'src/lib/Loading')
-rw-r--r--src/lib/Loading/Ellipsis.svelte2
-rw-r--r--src/lib/Loading/Grid.svelte2
-rw-r--r--src/lib/Loading/Ripple.svelte4
-rw-r--r--src/lib/Loading/Skeleton.svelte6
4 files changed, 7 insertions, 7 deletions
diff --git a/src/lib/Loading/Ellipsis.svelte b/src/lib/Loading/Ellipsis.svelte
index ba1f30b8..d16a2a6e 100644
--- a/src/lib/Loading/Ellipsis.svelte
+++ b/src/lib/Loading/Ellipsis.svelte
@@ -4,7 +4,7 @@
<div class="ellipsis" style={`--loader-colour: ${colour};`}>
{#each Array.from({ length: 4 }) as _}
- <div />
+ <div></div>
{/each}
</div>
diff --git a/src/lib/Loading/Grid.svelte b/src/lib/Loading/Grid.svelte
index 1a64b3e0..73a6d284 100644
--- a/src/lib/Loading/Grid.svelte
+++ b/src/lib/Loading/Grid.svelte
@@ -4,7 +4,7 @@
<div class="grid" style={`--loader-colour: ${colour};`}>
{#each Array.from({ length: 9 }) as _}
- <div />
+ <div></div>
{/each}
</div>
diff --git a/src/lib/Loading/Ripple.svelte b/src/lib/Loading/Ripple.svelte
index 05d62bb5..0ce3d23c 100644
--- a/src/lib/Loading/Ripple.svelte
+++ b/src/lib/Loading/Ripple.svelte
@@ -3,8 +3,8 @@
</script>
<div class="ripple" style={`--loader-colour: ${colour};`}>
- <div />
- <div />
+ <div></div>
+ <div></div>
</div>
<style lang="scss">
diff --git a/src/lib/Loading/Skeleton.svelte b/src/lib/Loading/Skeleton.svelte
index 3f39beec..18b483cb 100644
--- a/src/lib/Loading/Skeleton.svelte
+++ b/src/lib/Loading/Skeleton.svelte
@@ -14,7 +14,7 @@
{#each Array(count) as _, i}
<div class={card ? `${bigCard ? 'card' : ''} card-small` : ''} style={`width: ${width};`}>
<div class="skeleton-container" style={`--i: ${i};`}>
- <div class="skeleton" style={`width: ${width}; height: ${height};`} />
+ <div class="skeleton" style={`width: ${width}; height: ${height};`}></div>
</div>
</div>
{/each}
@@ -26,12 +26,12 @@
style={`width: ${width}; ${list ? 'padding-top: .75em;' : ''}; --i: ${i};`}
>
<div class="skeleton-container">
- <div class="skeleton" style={`width: ${width}; height: ${height};`} />
+ <div class="skeleton" style={`width: ${width}; height: ${height};`}></div>
</div>
</div>
{#if !list && i < count - 1}
- <p />
+ <p></p>
{/if}
{/each}
{/if}