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 { Switch, Match } from 'solid-js'
|
||||
import { Show } from 'solid-js'
|
||||
|
||||
interface Props {
|
||||
children: any
|
||||
|
|
@ -10,9 +10,17 @@ interface Props {
|
|||
export default (props: Props) => {
|
||||
return (
|
||||
<>
|
||||
<div class={props.content} style={`gap: ${props.gap}rem`}>
|
||||
{props.children}
|
||||
</div>
|
||||
<Show when={props.gap}>
|
||||
<div class={props.content} style={`gap: ${props.gap}rem`}>
|
||||
{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