Restructure in preparation for Sidebar integration
This commit is contained in:
parent
5c78854b61
commit
cbcd67e884
3 changed files with 12 additions and 8 deletions
|
@ -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>
|
||||
|
|
|
@ -7,4 +7,10 @@ body
|
|||
{
|
||||
font-family: Archivo, sans-serif;
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
html
|
||||
{
|
||||
height: 100%;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Reference in a new issue