vielle.dev
Personal Site
Make header border images consistent with rest of page (2x scale)
+5
-5
+5
-5
src/components/Header.astro
+5
-5
src/components/Header.astro
···
72
72
<style>
73
73
header {
74
74
image-rendering: pixelated;
75
-
border-image: var(--box-blr-png) 10 fill / 10px / 10px round;
76
-
margin: 0 10px 10px;
75
+
border-image: var(--box-blr-png) 10 fill / 20px / 20px round;
76
+
margin: 0 20px 20px;
77
77
padding: 10px 20px;
78
78
overflow: auto;
79
79
···
131
131
position: absolute;
132
132
133
133
margin-top: 10px;
134
-
padding: 15px;
135
-
border-image: var(--box-tlbr-png) 10 fill / 10px round;
134
+
padding: 20px;
135
+
border-image: var(--box-tlbr-png) 10 fill / 20px round;
136
136
137
-
padding-left: 25px;
137
+
padding-left: 30px;
138
138
& ul {
139
139
margin-left: 10px;
140
140
}