clean ahh side nav
This commit is contained in:
parent
c42b6c8e10
commit
58629fdc9d
|
@ -1,8 +1,7 @@
|
|||
---
|
||||
import { SITE_TITLE } from '../consts';
|
||||
---
|
||||
<!-- https://git.inamatrix.xyz/array-in-a-matrix/bloginamatrix.xyz/src/branch/hpx-spa/src/components -->
|
||||
<!-- TODO: make nav bar vertical to the right -->
|
||||
|
||||
<header>
|
||||
<nav>
|
||||
<h2><a href="/">{SITE_TITLE}</a></h2>
|
||||
|
@ -16,15 +15,13 @@ import { SITE_TITLE } from '../consts';
|
|||
<style>
|
||||
header {
|
||||
margin: 0;
|
||||
padding: 0 1em;
|
||||
background: white;
|
||||
box-shadow: 0 2px 8px rgba(var(--black), 5%);
|
||||
box-shadow: 0 2px 8px rgba(var(--black), 50%);
|
||||
}
|
||||
h2 {
|
||||
margin: 0;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
h2 a,
|
||||
h2 a.active {
|
||||
text-decoration: none;
|
||||
|
@ -33,6 +30,18 @@ import { SITE_TITLE } from '../consts';
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-flow: column wrap;
|
||||
height: 100vh;
|
||||
width: 200px;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
nav div{
|
||||
display: grid;
|
||||
justify-items: center;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
nav a {
|
||||
padding: 1em 0.5em;
|
||||
|
@ -40,6 +49,7 @@ import { SITE_TITLE } from '../consts';
|
|||
border-bottom: 4px solid transparent;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
nav a.active {
|
||||
text-decoration: none;
|
||||
|
|
|
@ -41,6 +41,7 @@ body {
|
|||
color: rgb(var(--gray-dark));
|
||||
font-size: 20px;
|
||||
line-height: 1.7;
|
||||
display: flex;
|
||||
}
|
||||
main {
|
||||
width: 720px;
|
||||
|
|
Loading…
Reference in a new issue