tangled
alpha
login
or
join now
vielle.dev
/
site-archive
0
fork
atom
[Archived] Archived WIP of vielle.dev
0
fork
atom
overview
issues
pulls
pipelines
Make <Nav /> more suited for other pages
vielle.dev
9 months ago
cec6325e
961a6f3f
+14
-4
2 changed files
expand all
collapse all
unified
split
src
components
generic
Nav.astro
pages
blog
index.astro
+12
-1
src/components/generic/Nav.astro
···
13
13
const { data, startOpen = false, current } = Astro.props;
14
14
---
15
15
16
16
-
<button popovertarget="nav" popovertargetaction="show" aria-label="Nav Menu">
16
16
+
<button
17
17
+
popovertarget="nav"
18
18
+
popovertargetaction="show"
19
19
+
aria-label="Nav Menu"
20
20
+
id="nav-menu"
21
21
+
>
17
22
<Hamburger />
18
23
</button>
19
24
<dialog closedby="any" open={startOpen} id="nav" popover>
···
33
38
& svg {
34
39
stroke: white;
35
40
}
41
41
+
}
42
42
+
43
43
+
#nav-menu {
44
44
+
background-color: black;
45
45
+
padding: 1rem;
46
46
+
border-radius: 0 0 50% 0;
36
47
}
37
48
38
49
.top {
+2
-3
src/pages/blog/index.astro
···
39
39
top: 0;
40
40
width: 100%;
41
41
z-index: 999;
42
42
-
padding: 0.5rem 1rem;
43
42
display: flex;
44
43
align-items: center;
45
44
justify-content: space-between;
46
45
47
47
-
& .gap {
48
48
-
width: 100%;
46
46
+
& a {
47
47
+
margin: 0.5rem 1rem;
49
48
}
50
49
}
51
50
vielle.dev