aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Loading
diff options
context:
space:
mode:
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 d16a2a6e..ba1f30b8 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 73a6d284..1a64b3e0 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 0ce3d23c..05d62bb5 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 18b483cb..3f39beec 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>
+ <div class="skeleton" style={`width: ${width}; height: ${height};`} />
</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>
+ <div class="skeleton" style={`width: ${width}; height: ${height};`} />
</div>
</div>
{#if !list && i < count - 1}
- <p></p>
+ <p />
{/if}
{/each}
{/if}