fix some blog post styles (#188)

* fix some blog post styles * tutorial as well
sveltejs · Sep 30, 2024 · 530ace6 · 530ace6
1 parent 4744f89
commit 530ace6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte b/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import { copy_code_descendants, ts_js_select } from '@sveltejs/site-kit/actions';
+	import { Text } from '@sveltejs/site-kit/components';
 	import { setupDocsHovers } from '@sveltejs/site-kit/docs';
 
 	let { data } = $props();
 
-	let content = $state() as HTMLElement;
-
 	setupDocsHovers();
 </script>
 
@@ -39,9 +38,9 @@
 			<time datetime={data.date}>{data.date_formatted}</time>
 		</p>
 
-		<div class="content" bind:this={content}>
+		<Text>
 			{@html data.body}
-		</div>
+		</Text>
 	</article>
 </div>
 

diff --git a/apps/svelte.dev/src/routes/tutorial/[slug]/Sidebar.svelte b/apps/svelte.dev/src/routes/tutorial/[slug]/Sidebar.svelte
@@ -2,6 +2,7 @@
 	import { createEventDispatcher } from 'svelte';
 	import Modal from '$lib/components/Modal.svelte';
 	import Menu from './Menu.svelte';
+	import { Text } from '@sveltejs/site-kit/components';
 
 	/** @type {import('$lib/tutorial').PartStub[]} */
 	export let index;
@@ -62,7 +63,9 @@
 				}
 			}}
 		>
-			{@html exercise.html}
+			<Text>
+				{@html exercise.html}
+			</Text>
 		</div>
 
 		{#if exercise.next}