reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-17 03:56:19 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: accessibility issues with footer links, update theme guide

Browse source
This commit is contained in:
radishzzz 2025-05-17 10:43:40 +01:00
parent bd4db06709
commit 1c374367fd
11 changed files with 22 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/Footer.astro
View file

@ -22,11 +22,11 @@ const links = socialLinks.map((link) => {
return link
})
const footerLinkClass = 'highlight-hover footer-highlight-position-fix transition-colors after:bottom-0 hover:c-primary'
const footerLinkClass = 'highlight-hover footer-highlight-position-fix py-0.8 transition-colors after:bottom-0.1 hover:c-primary'
---
<footer
class="text-3 leading-4.75 font-navbar lg:text-3.5"
class="text-3 leading-0.9em font-navbar lg:text-3.5"
lg="uno-desktop-column bottom-20"
>
<p>
@ -44,7 +44,7 @@ const footerLinkClass = 'highlight-hover footer-highlight-position-fix transitio
Powered by <a class={footerLinkClass} href="https://astro.build/" target="_blank" rel="noopener noreferrer">Astro</a> and <a class={footerLinkClass} href="https://github.com/radishzzz/astro-theme-retypeset" target="_blank" rel="noopener noreferrer">Retypeset</a>
</p>
<p>
<p class="py-0.8">
© {year} {author}
</p>
</footer>

4
src/components/Navbar.astro
View file

@ -38,8 +38,8 @@ const navItems = [
aria-label="Site Navigation"
class:list={[
isPost ? 'hidden lg:block' : '',
'mb-10.5 text-3.6 font-semibold leading-8.75 font-navbar',
'lg:(uno-desktop-column text-4 leading-9.72 bottom-50) cjk:tracking-0.02em',
'mb-10.5 text-3.6 font-semibold leading-2.45em font-navbar',
'lg:(uno-desktop-column text-4 bottom-50) cjk:tracking-0.02em',
]}
>
<ul>

4
src/components/PostList.astro
View file

@ -60,7 +60,7 @@ function getPostPath(post: Post) {
{/* mobile post time */}
<div
class="text-3.5 leading-6.875 font-time lg:hidden"
class="py-0.8 text-3.5 font-time lg:hidden"
transition:name={`time-${post.data.abbrlink || post.id}-${lang}`}
data-disable-transition-on-theme
>
@ -71,7 +71,7 @@ function getPostPath(post: Post) {
</div>
{/* desktop post time */}
<div class="hidden text-3.65 leading-6.875 font-time lg:(ml-2.5 inline)">
<div class="hidden text-3.65 font-time lg:(ml-2.5 inline)">
<PostDate
date={post.data.published}
minutes={post.remarkPluginFrontmatter.minutes}