Footer.astro: 編集履歴のリンクを最終更新日の下に追加

Starlight標準のEditLinkをやめ、最終更新日のすぐ下にcgitの編集履歴（履歴アイコン）を置くようにした。

1 files changed, 22 insertions, 7 deletions

diff --git a/src/components/starlight/Footer.astro b/src/components/starlight/Footer.astro
index e553e60..65a61ce 100644
--- a/src/components/starlight/Footer.astro
+++ b/src/components/starlight/Footer.astro
@@ -1,5 +1,4 @@
 ---
-import EditLink from 'virtual:starlight/components/EditLink';
 import Pagination from 'virtual:starlight/components/Pagination';
 import config from 'virtual:starlight/user-config';
 import { Icon } from '@astrojs/starlight/components';
@@ -39,7 +38,6 @@ const lastUpdated = route.lastUpdated;
   <SocialShare title={caption} />
 
   <div class="meta sl-flex">
-    <EditLink />
     {
       lastUpdated && (
         <p>
@@ -48,6 +46,14 @@ const lastUpdated = route.lastUpdated;
         </p>
       )
     }
+    {
+      route.editUrl && (
+        <a class="edit-history sl-flex" href={route.editUrl}>
+          <Icon name="code-branch" />
+          {Astro.locals.t('page.editLink')}
+        </a>
+      )
+    }
   </div>
   <Pagination />
 
@@ -67,15 +73,24 @@ const lastUpdated = route.lastUpdated;
       gap: 1.5rem;
     }
     .meta {
-      gap: 0.75rem 3rem;
-      justify-content: space-between;
-      flex-wrap: wrap;
+      flex-direction: column;
+      align-items: flex-end;
+      gap: 0.35rem;
       margin-top: 3rem;
       font-size: var(--sl-text-sm);
       color: var(--sl-color-gray-3);
     }
-    .meta > :global(p:only-child) {
-      margin-inline-start: auto;
+    .meta > :global(p) {
+      margin: 0;
+    }
+    .edit-history {
+      align-items: center;
+      gap: 0.35em;
+      text-decoration: none;
+      color: var(--sl-color-gray-3);
+    }
+    .edit-history:hover {
+      color: var(--sl-color-white);
     }
 
     .kudos {