reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 03:32:51 +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 <div
class:list={[ class:list={[
'absolute right-7.25vw top-14.6 flex gap-6 min-[823px]:max-[1024px]:right-[calc(50vw-22rem)]', 'absolute right-7.25vw top-14.2 flex gap-6 min-[823px]:max-[1024px]:right-[calc(50vw-22rem)]',
'[@supports(-webkit-touch-callout:none)]:top-13.6', // fix position issue on ios
'lg:(fixed bottom-48 right-[max(5rem,calc(50vw-35rem))] top-auto w-14rem)', '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 <footer
class="text-3 leading-1.25em font-navbar lg:text-3.5" class="static text-3 leading-1.25em font-navbar lg:text-3.5"
lg="uno-desktop-column bottom-20" lg="fixed uno-desktop-column bottom-20"
> >
<p> <p>
{links.map((link, index) => ( {links.map((link, index) => (