mirror of
https://github.com/kevin-DL/sapper.git
synced 2026-01-19 05:45:27 +00:00
start adding site to main repo
This commit is contained in:
37
site/src/routes/_layout.svelte
Normal file
37
site/src/routes/_layout.svelte
Normal file
@@ -0,0 +1,37 @@
|
||||
<script>
|
||||
import { page } from '@sapper/app';
|
||||
import { Icons, Icon, Nav, NavItem } from '@sveltejs/site-kit';
|
||||
|
||||
export let segment;
|
||||
</script>
|
||||
|
||||
<style>
|
||||
main {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
/* padding: var(--nav-h) var(--side-nav) 0 var(--side-nav); */
|
||||
padding: var(--nav-h) 0 0 0;
|
||||
overflow-x: hidden;
|
||||
--prime: rgb(21, 151, 148);
|
||||
}
|
||||
</style>
|
||||
|
||||
<Icons/>
|
||||
|
||||
<Nav {segment} {page} logo="sapper-logo-horizontal.svg">
|
||||
<NavItem segment="guide">Guide</NavItem>
|
||||
|
||||
<NavItem external="https://svelte.dev">Svelte</NavItem>
|
||||
|
||||
<NavItem external="https://discord.gg/yy75DKs" title="Discord Chat">
|
||||
<Icon name="message-square"/>
|
||||
</NavItem>
|
||||
|
||||
<NavItem external="https://github.com/sveltejs/sapper" title="GitHub Repo">
|
||||
<Icon name="github"/>
|
||||
</NavItem>
|
||||
</Nav>
|
||||
|
||||
<main>
|
||||
<slot></slot>
|
||||
</main>
|
||||
Reference in New Issue
Block a user