fix: remove more self-closing tags (#292)

sveltejs · May 20, 2024 · 06a2313 · 06a2313
1 parent db45514
commit 06a2313
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 7 deletions.
diff --git a/.changeset/chilly-lizards-sip.md b/.changeset/chilly-lizards-sip.md
@@ -0,0 +1,5 @@
+---
+'@sveltejs/site-kit': patch
+---
+
+fix: remove more self-closing tags
diff --git a/packages/site-kit/src/lib/home/Footer.svelte b/packages/site-kit/src/lib/home/Footer.svelte
@@ -7,7 +7,7 @@
 
 <Section --background="var(--sk-back-4)">
 	<footer>
-		<div class="logo" />
+		<div class="logo"></div>
 
 		{#each Object.entries(links) as [title, inner_links]}
 			<div class="links">

diff --git a/packages/site-kit/src/lib/home/TryTerminal.svelte b/packages/site-kit/src/lib/home/TryTerminal.svelte
@@ -1,8 +1,8 @@
 <div class="terminal">
 	<div class="chrome">
-		<span class="dot" />
-		<span class="dot" />
-		<span class="dot" />
+		<span class="dot"></span>
+		<span class="dot"></span>
+		<span class="dot"></span>
 		<span class="title">terminal</span>
 	</div>
 	<pre><code

diff --git a/packages/site-kit/src/lib/nav/Menu.svelte b/packages/site-kit/src/lib/nav/Menu.svelte
@@ -137,7 +137,7 @@
 					style:height={$show_context_menu ? '99%' : `${universal_menu_inner_height}px`}
 					style:--background={$show_context_menu ? 'var(--sk-back-3)' : null}
 					use:mounted={(mounted) => (ready = mounted)}
-				/>
+				></div>
 
 				<div
 					class="clip"

diff --git a/packages/site-kit/src/lib/nav/NavContextMenu.svelte b/packages/site-kit/src/lib/nav/NavContextMenu.svelte
@@ -56,7 +56,7 @@
 												{title}
 
 												{#if badge}
-													<span style="flex: 1 1 auto" />
+													<span style="flex: 1 1 auto"></span>
 													<span class="badge">{badge}</span>
 												{/if}
 											</a>

diff --git a/packages/site-kit/src/lib/nav/PreloadingIndicator.svelte b/packages/site-kit/src/lib/nav/PreloadingIndicator.svelte
@@ -35,7 +35,7 @@
 
 {#if visible}
 	<div class="progress-container">
-		<div class="progress" style="width: {$p * 100}%" />
+		<div class="progress" style="width: {$p * 100}%"></div>
 	</div>
 {/if}