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

fix: styling of buttons and footer components to fix layout and positioning issues

Browse source
This commit is contained in:
radishzzz 2025-05-25 20:44:12 +01:00
parent c93cf8fb2f
commit 8d2709880d
2 changed files with 3 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/Button.astro
View file

@ -29,8 +29,7 @@ const nextUrl = useSupportedLangs
<div
class:list={[
'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
'absolute right-7.25vw top-14.2 flex gap-6 min-[823px]:max-[1024px]:right-[calc(50vw-22rem)]',
'lg:(fixed bottom-48 right-[max(5rem,calc(50vw-35rem))] top-auto w-14rem)',
]}
>

4
src/components/Footer.astro
View file

@ -34,8 +34,8 @@ const footerLinkClass = 'highlight-hover py-0.8 transition-colors after:bottom-0
---
<footer
class="text-3 leading-1.25em font-navbar lg:text-3.5"
lg="uno-desktop-column bottom-20"
class="static text-3 leading-1.25em font-navbar lg:text-3.5"
lg="fixed uno-desktop-column bottom-20"
>
<p>
{links.map((link, index) => (