Refactor nav into unordered list
This commit is contained in:
parent
28f62c8360
commit
5d8560f881
|
@ -180,14 +180,18 @@ pre {
|
|||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
nav {
|
||||
nav > ul {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 1.5rem;
|
||||
margin: 1rem;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
nav a {
|
||||
nav > ul > li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
nav > ul > li > a {
|
||||
color: var(--secondary);
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
|
|
|
@ -5,11 +5,13 @@ const {
|
|||
body,
|
||||
head,
|
||||
html,
|
||||
li,
|
||||
link,
|
||||
main,
|
||||
meta,
|
||||
nav,
|
||||
main,
|
||||
title
|
||||
title,
|
||||
ul
|
||||
} = require('hyperaxe')
|
||||
|
||||
const doctypeString = '<!DOCTYPE html>'
|
||||
|
@ -28,13 +30,15 @@ module.exports = (...elements) => {
|
|||
),
|
||||
body(
|
||||
nav(
|
||||
a({ href: '/' }, 'home'),
|
||||
a({ href: '/mentions' }, 'mentions'),
|
||||
a({ href: '/compose' }, 'compose'),
|
||||
a({ href: '/profile' }, 'profile'),
|
||||
a({ href: '/status' }, 'status'),
|
||||
a({ href: 'https://github.com/fraction/oasis' }, 'source'),
|
||||
a({ href: 'https://github.com/fraction/oasis/issues/new/choose' }, 'help')
|
||||
ul(
|
||||
li(a({ href: '/' }, 'home')),
|
||||
li(a({ href: '/mentions' }, 'mentions')),
|
||||
li(a({ href: '/compose' }, 'compose')),
|
||||
li(a({ href: '/profile' }, 'profile')),
|
||||
li(a({ href: '/status' }, 'status')),
|
||||
li(a({ href: 'https://github.com/fraction/oasis' }, 'source')),
|
||||
li(a({ href: 'https://github.com/fraction/oasis/issues/new/choose' }, 'help'))
|
||||
)
|
||||
),
|
||||
main({ id: 'content' }, ...elements)
|
||||
))
|
||||
|
|
Loading…
Reference in New Issue