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
Add nice looks to the sidebar
vielle.dev
8 months ago
613cc4a1
9376630c
verified
This commit was signed with the committer's
known signature
.
vielle.dev
SSH Key Fingerprint:
SHA256:/4bvxqoEh9iMdjAPgcgAgXKZZQTROL3ULiPt6nH9RSs=
+18
1 changed file
expand all
collapse all
unified
split
src
components
navigation
Sidebar.astro
+18
src/components/navigation/Sidebar.astro
···
6
6
---
7
7
8
8
<aside id="sidebar" popover>
9
9
+
<h2>Navigation</h2>
10
10
+
9
11
<nav>
10
12
{
11
13
(() => {
···
31
33
top: 0;
32
34
right: 0;
33
35
height: 100%;
36
36
+
37
37
+
background-color: white;
38
38
+
color: black;
39
39
+
border: 5px solid black;
40
40
+
border-radius: 20px 0 0 20px;
41
41
+
box-shadow: 0 10px;
42
42
+
padding: 10px 20px;
43
43
+
44
44
+
& ul {
45
45
+
padding-inline: 1em;
46
46
+
}
47
47
+
48
48
+
&::backdrop {
49
49
+
background-color: #00000040;
50
50
+
backdrop-filter: blur(5px);
51
51
+
}
34
52
}
35
53
</style>
vielle.dev