vielle.dev
+18
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>