Просмотр исходного кода

Restructure in preparation for Sidebar integration

Alessandro Pignotti 9 месяцев назад
Родитель
Сommit
cbcd67e884
3 измененных файлов с 12 добавлено и 8 удалено
  1. 5 4
      src/App.svelte
  2. 6 0
      src/global.css
  3. 1 4
      src/main.js

+ 5 - 4
src/App.svelte

@@ -1,12 +1,13 @@
 <script>
 	import Nav from 'labs/packages/global-navbar/src/Nav.svelte';
-	export let name;
 </script>
 
-<Nav />
 <main class="flex flex-col w-full h-full">
-	<h1>Hello {name}!</h1>
-	<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
+	<Nav />
+	<div class="flex flex-row flex-grow">
+		<h1>Hello</h1>
+		<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
+	</div>
 </main>
 
 <style>

+ 6 - 0
src/global.css

@@ -7,4 +7,10 @@ body
 {
 	font-family: Archivo, sans-serif;
 	margin: 0;
+	height: 100%;
+}
+
+html
+{
+	height: 100%;
 }

+ 1 - 4
src/main.js

@@ -2,10 +2,7 @@ import './global.css'
 import App from './App.svelte';
 
 const app = new App({
-	target: document.body,
-	props: {
-		name: 'world'
-	}
+	target: document.body
 });
 
 export default app;