Refactor ComponentStructure layout and add a wrapper div in Router page

valiantlynx · Dec 29, 2023 · 133a741 · 133a741
1 parent 1b12bbc
commit 133a741
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 6 deletions.
diff --git a/src/lib/site-components/ComponentStructure.svelte b/src/lib/site-components/ComponentStructure.svelte
@@ -60,7 +60,7 @@
 
 <h1 class="text-4xl font-bold text-center">{title}</h1>
 
-<div class="m-10 h-96">
+<div class="m-10">
 	<slot />
 </div>
 
@@ -69,7 +69,7 @@
 <form
 	action="/components/{url}?/save"
 	method="POST"
-	class="rounded-box p-1 items-center mt-3 bg-slate-200 text-gray-700"
+	class="rounded-box p-1 items-center mt-3 bg-slate-200 text-gray-700 mx-7"
 	use:enhance={saveData}
 >
 	<ValiantRichText bind:initialData={$contentData} />

diff --git a/src/routes/components/leaflet-map/data.json b/src/routes/components/leaflet-map/data.json
diff --git a/src/routes/components/router/+page.svelte b/src/routes/components/router/+page.svelte
@@ -4,11 +4,13 @@
 	import { routeCoordinates, instructions, summary } from '$lib/components/stores';
 
 	import jsonData from './data.json';
-	console.log($summary);
 </script>
 
 <ComponentStructure title="Router" url="router" {jsonData}>
-	<Route />
+	<div class="h-96">
+		<Route />
+	</div>
+
 	<div slot="more">
 		<div>
 			<h1 class="text-4xl font-bold text-center">routeCoordinates</h1>