Personal Site
Fix layering issues and vertical scrolling with header
+3
-2
+3
-2
src/components/Header.astro
+3
-2
src/components/Header.astro
···
71
71
border-image: var(--box-blr-png) 10 fill / 20px / 20px round;
72
72
margin: 0 20px 20px;
73
73
padding: 10px 20px;
74
-
overflow: auto;
74
+
overflow: auto clip;
75
75
height: 3rem; /* 2rem * 1.5 */
76
76
/* render over feed bg */
77
-
z-index: 1;
77
+
z-index: 2;
78
78
79
79
display: flex;
80
80
flex-direction: row;
···
98
98
justify-content: start;
99
99
max-width: 100%;
100
100
gap: 10px;
101
+
z-index: 999;
101
102
102
103
& > li {
103
104
display: flex;