From: Cameron Otsuka <cameron@otsuka.haus>
Date: Wed, 17 Dec 2025 20:37:20 +0000 (-0800)
Subject: use border-top instead of hr
X-Git-Tag: v2.2.0~21
X-Git-Url: https://git.otsuka.systems/?a=commitdiff_plain;h=e864903261fa7518fe1f636e1289fb08ae1112c2;p=cotsuka.github.io

use border-top instead of hr
---

diff --git a/src/components/footer.astro b/src/components/footer.astro
index 9d7c471..7c1980a 100644
--- a/src/components/footer.astro
+++ b/src/components/footer.astro
@@ -5,7 +5,6 @@ import { Icon } from 'astro-icon/components';
 const currentYear = new Date().getFullYear();
 ---
 <footer>
-    <hr />
     <address>
         <menu>
             {Object.keys(socials).map((platform) => (
@@ -24,6 +23,9 @@ const currentYear = new Date().getFullYear();
 <style>
     footer {
         text-align: center;
+        border-top: 1px solid light-dark(#000000, #e6e2d6);
+        margin-top: 1rem;
+        padding-top: 1rem;
     }
     address {
         font-family: "Public Sans Variable", sans-serif;
@@ -36,10 +38,6 @@ const currentYear = new Date().getFullYear();
         display: inline;
         padding-right: 0.5rem;
     }
-    hr {
-        margin-bottom: 1rem;
-        margin-top: 1rem;
-    }
     [data-icon="mdi:rss"] {
         display: inline-block;
         vertical-align: middle;