mirror of
https://github.com/kevin-DL/sapper-template.git
synced 2026-01-12 02:15:17 +00:00
31 lines
462 B
HTML
31 lines
462 B
HTML
<Nav page={
|
|
props.path === '/' ? 'home' :
|
|
props.path === '/about' ? 'about' :
|
|
props.path.startsWith('/blog') ? 'blog' :
|
|
null
|
|
}/>
|
|
|
|
<main>
|
|
<svelte:component this={Page} {...props}/>
|
|
</main>
|
|
|
|
<style>
|
|
main {
|
|
position: relative;
|
|
max-width: 56em;
|
|
background-color: white;
|
|
padding: 2em;
|
|
margin: 0 auto;
|
|
box-sizing: border-box;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
import Nav from '../components/Nav.html';
|
|
|
|
export default {
|
|
components: {
|
|
Nav
|
|
}
|
|
};
|
|
</script> |