mirror of
https://github.com/kou029w/quot.git
synced 2025-01-19 00:18:09 +00:00
header layout
This commit is contained in:
parent
bd57d3564b
commit
d94e5a07e5
2 changed files with 12 additions and 4 deletions
|
@ -19,11 +19,19 @@ header {
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
header h1 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
header h1 > a,
|
header h1 > a,
|
||||||
header h1 > a:hover {
|
header h1 > a:hover {
|
||||||
color: var(--nc-ac-1);
|
color: var(--nc-ac-1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
header nav > * {
|
||||||
|
font-size: 1.55rem;
|
||||||
|
}
|
||||||
|
|
||||||
a[href^="/"] {
|
a[href^="/"] {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -35,12 +35,12 @@ export default () => {
|
||||||
<h1>
|
<h1>
|
||||||
<a href="/">Quot</a>
|
<a href="/">Quot</a>
|
||||||
</h1>
|
</h1>
|
||||||
<a href="/new">📄</a>
|
<nav>
|
||||||
|
<a href="/new">📄</a>
|
||||||
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
{routes[pathname()] ?? (
|
{routes[pathname()] ?? (
|
||||||
<Page
|
<Page id={parseInt(pathname().slice(1), 16) || random()} />
|
||||||
id={parseInt(pathname().slice(1), 16) || random()}
|
|
||||||
/>
|
|
||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Add table
Reference in a new issue