diff options
| -rw-r--r-- | src/components/starlight/Footer.astro | 29 |
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 { |