mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-16 19:01:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs(palimpsest): add static side nav with components

Browse source
This commit is contained in:
Eric Liu 2020-01-11 18:37:51 -08:00
commit 88ee01184b
22 changed files with 718 additions and 165 deletions
Download patch file Download diff file Expand all files Collapse all files

38
palimpsest/src/App.svelte
View file

@ -1,37 +1,11 @@
<script>
import ComponentLayout from './components/ComponentLayout.svelte';
import ComponentSearch from './containers/ComponentSearch.svelte';
import Header from './containers/Header.svelte';
import Logo from './assets/logo.png';
import Router from 'svelte-spa-router';
import Component from './components/Component';
import Header from './components/Header.svelte';
import Home from './components/Home.svelte';
import SideNav from './components/SideNav.svelte';
</script>
<style>
nav {
position: fixed;
top: 2.5rem;
left: 0;
width: 14rem;
height: calc(100% - 2.5rem);
background-color: var(--cds-ui-01);
}
header {
margin-top: 2.5rem;
padding-left: 16rem;
}
</style>
<Router routes={{ '/c/:name': ComponentLayout }} />
<Header />
<nav>
<ComponentSearch />
</nav>
<header class="bx--grid">
<div class="bx--row">
<img src={Logo} alt="Logo" style="width: 4rem;" />
</div>
</header>
<SideNav />
<Router routes={{ '/': Home, '/c': Component, '/c/*': Component }} />