diff --git a/src/App.svelte b/src/App.svelte index 35a41ca..3a2b157 100644 --- a/src/App.svelte +++ b/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> diff --git a/src/global.css b/src/global.css index d15ff10..34656a2 100644 --- a/src/global.css +++ b/src/global.css @@ -7,4 +7,10 @@ body { font-family: Archivo, sans-serif; margin: 0; + height: 100%; +} + +html +{ + height: 100%; } diff --git a/src/main.js b/src/main.js index 18d6227..5b0fd80 100644 --- a/src/main.js +++ b/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;