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

fix: reorder footer content to fix insufficient spacing between links, adjust desktop layout to prevent narrowing caused by native scrollbar

Browse source
This commit is contained in:
radishzzz 2025-05-17 12:00:13 +01:00
parent 1c374367fd
commit 3ee10e2d18
6 changed files with 14 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/Button.astro
View file

@ -28,9 +28,9 @@ const nextUrl = useSupportedLangs
<div <div
class:list={[ class:list={[
'absolute flex gap-6 top-14.6 right-7.25vw min-[823px]:max-[1024px]:right-[calc(50vw-22rem)]', 'absolute right-7.25vw top-14.6 flex gap-6 min-[823px]:max-[1024px]:right-[calc(50vw-22rem)]',
'[@supports(-webkit-touch-callout:none)]:top-13.6', // fix position issue on ios '[@supports(-webkit-touch-callout:none)]:top-13.6', // fix position issue on ios
'lg:(fixed w-14rem top-auto bottom-47 right-[max(5.625rem,calc(50vw-34.375rem))])', 'lg:(fixed bottom-47 right-[max(5rem,calc(50vw-35rem))] top-auto w-14rem)',
]} ]}
> >
<!-- Language Switcher --> <!-- Language Switcher -->

12
src/components/Footer.astro
View file

@ -22,11 +22,11 @@ const links = socialLinks.map((link) => {
return link return link
}) })
const footerLinkClass = 'highlight-hover footer-highlight-position-fix py-0.8 transition-colors after:bottom-0.1 hover:c-primary' const footerLinkClass = 'highlight-hover footer-highlight-position-fix py-0.8 transition-colors after:bottom-0.15em hover:c-primary'
--- ---
<footer <footer
class="text-3 leading-0.9em font-navbar lg:text-3.5" class="mb-4 text-3 leading-1.25em font-navbar lg:(mb-0 text-3.5)"
lg="uno-desktop-column bottom-20" lg="uno-desktop-column bottom-20"
> >
<p> <p>
@ -41,10 +41,10 @@ const footerLinkClass = 'highlight-hover footer-highlight-position-fix py-0.8 tr
</p> </p>
<p> <p>
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 class="py-0.8">
© {year} {author} © {year} {author}
</p> </p>
<p>
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>
</footer> </footer>

2
src/components/PostList.astro
View file

@ -82,7 +82,7 @@ function getPostPath(post: Post) {
{isHome && ( {isHome && (
<div <div
class="heti hidden" class="heti hidden"
lg="mt-2 block" lg="mt-2.25 block"
> >
<p>{generateDescription(post, 'list')}</p> <p>{generateDescription(post, 'list')}</p>
</div> </div>

2
src/layouts/Layout.astro
View file

@ -37,7 +37,7 @@ const MarginBottom = isPost && themeConfig.comment?.enabled
<div <div
class="mx-auto max-w-205.848 min-h-vh w-full min-h-dvh" class="mx-auto max-w-205.848 min-h-vh w-full min-h-dvh"
p="x-[min(7.25vw,3.731rem)] y-9" p="x-[min(7.25vw,3.731rem)] y-9"
lg="p-0 min-h-full max-w-[min(calc(75vw-16rem),44rem)] mx-[max(5.625rem,calc(50vw-34.375rem))] my-20" lg="mx-[max(5rem,calc(50vw-35rem))] my-20 max-w-[min(calc(75vw-16rem),44rem)] min-h-full p-0"
> >
<Header /> <Header />
<Navbar /> <Navbar />

2
src/styles/global.css
View file

@ -61,7 +61,7 @@ h4:hover .heading-anchor-link svg:hover {
--at-apply: 'after:bottom-0.68em'; --at-apply: 'after:bottom-0.68em';
} }
.footer-highlight-position-fix { .footer-highlight-position-fix {
--at-apply: 'after:bottom-0.34em'; --at-apply: 'after:bottom-0.39em';
} }
} }

6
uno.config.ts
View file

@ -55,11 +55,11 @@ export default defineConfig({
}], }],
], ],
shortcuts: { shortcuts: {
'uno-desktop-column': 'fixed w-14rem right-[max(5.625rem,calc(50vw-34.375rem))]', 'uno-desktop-column': 'fixed right-[max(5rem,calc(50vw-35rem))] w-14rem',
'uno-tags-style': 'inline-block whitespace-nowrap border border-secondary/25 rounded-full px-3.2 py-0.7 c-secondary transition-colors hover:(border-secondary/75 text-primary)', 'uno-tags-style': 'inline-block whitespace-nowrap border border-secondary/25 rounded-full px-3.2 py-0.7 c-secondary transition-colors hover:(border-secondary/75 text-primary)',
'uno-decorative-line': 'h-0.25 w-10 bg-secondary/25 mb-4.5 lg:(w-11 mb-6)', 'uno-decorative-line': 'mb-4.5 h-0.25 w-10 bg-secondary/25 lg:(mb-6 w-11)',
'uno-tags-wrapper': 'flex flex-wrap gap-x-3 gap-y-3.2', 'uno-tags-wrapper': 'flex flex-wrap gap-x-3 gap-y-3.2',
'uno-round-border': 'rounded border border-solid border-secondary/5', 'uno-round-border': 'border border-secondary/5 rounded border-solid',
}, },
variants: [ variants: [
(matcher) => { (matcher) => {