Compare commits
2 commits
d8d8119dd1
...
608cef5827
| Author | SHA1 | Date | |
|---|---|---|---|
| 608cef5827 | |||
| 8b1654fc16 |
3 changed files with 37 additions and 4 deletions
7
fwt/components/Navbar/Navbar.sass
Normal file
7
fwt/components/Navbar/Navbar.sass
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
.nav
|
||||||
|
position: fixed
|
||||||
|
top: 0
|
||||||
|
width: 100%
|
||||||
|
padding: 1rem 0
|
||||||
|
// margin: 5rem
|
||||||
|
|
||||||
18
fwt/components/Navbar/Navbar.tsx
Normal file
18
fwt/components/Navbar/Navbar.tsx
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
import './Navbar.sass'
|
||||||
|
import { Show } from 'solid-js'
|
||||||
|
import Row from '../Row/Row'
|
||||||
|
|
||||||
|
interface Props {
|
||||||
|
transparent?: boolean
|
||||||
|
children: any
|
||||||
|
}
|
||||||
|
|
||||||
|
export default (props: Props) => {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<nav class="nav" role="navigation" aria-label="main navigation">
|
||||||
|
<Row content="split">{props.children}</Row>
|
||||||
|
</nav>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
import './Row.sass'
|
import './Row.sass'
|
||||||
// import { Switch, Match } from 'solid-js'
|
import { Show } from 'solid-js'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
children: any
|
children: any
|
||||||
|
|
@ -10,9 +10,17 @@ interface Props {
|
||||||
export default (props: Props) => {
|
export default (props: Props) => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div class={props.content} style={`gap: ${props.gap}rem`}>
|
<Show when={props.gap}>
|
||||||
{props.children}
|
<div class={props.content} style={`gap: ${props.gap}rem`}>
|
||||||
</div>
|
{props.children}
|
||||||
|
</div>
|
||||||
|
</Show>
|
||||||
|
|
||||||
|
<Show when={!props.gap}>
|
||||||
|
<div class={props.content} >
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
</Show>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue