Commit 31022ed

HPCesia <me@hpcesia.com>
2026-09-16 08:20:28
Double line border for header and footer
1 parent 0a89e33
Changed files (2)
src/components/Footer.astro
@@ -8,6 +8,7 @@ import { SITE_CONFIG } from "@/config";
 
 <style lang="scss" is:global>
 footer.footer {
+  position: relative;
   border-top: 0.1rem;
   border-top-style: solid;
   display: flex;
@@ -18,6 +19,16 @@ footer.footer {
   padding-block: 0.25rem 0.5rem;
   margin-top: 2rem;
 
+  &::before {
+    content: "";
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: -0.3rem;
+    background: currentColor;
+    height: 0.05rem;
+  }
+
   a {
     color: inherit;
     text-decoration: none;
src/components/Header.astro
@@ -18,6 +18,7 @@ const globalI18n = getIntlayer("global", SITE_CONFIG.locale);
 
 <style lang="scss" is:global>
 header.header {
+  position: relative;
   border-bottom: 0.1rem;
   border-bottom-style: solid;
   display: flex;
@@ -25,6 +26,16 @@ header.header {
   align-items: baseline;
   padding-block: 0.25rem;
 
+  &::after {
+    content: "";
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: -0.3rem;
+    background: currentColor;
+    height: 0.05rem;
+  }
+
   .header-home {
     font-size: 1.25rem;
     font-weight: 500;