Restructure in preparation for Sidebar integration

This commit is contained in:
Alessandro Pignotti 2024-09-30 16:09:00 +02:00
parent 5c78854b61
commit cbcd67e884
3 changed files with 12 additions and 8 deletions

View File

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

View File

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

View File

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