kennethnym/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix book read layout header overlap on mobile

Browse Source
This commit is contained in:
Kenneth
2025-08-06 01:18:08 +01:00
parent 2936ab3384
commit 85f91aed49
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/layouts/BookRead.astro
View File

@@ -19,10 +19,10 @@ const { title, author, goodReadLink } = Astro.props;
class="w-full reads -z-2 bg-stone-200 dark:bg-stone-900 flex justify-center dark:text-stone-300 pt-20 md:py-40" class="w-full reads -z-2 bg-stone-200 dark:bg-stone-900 flex justify-center dark:text-stone-300 pt-20 md:py-40"
> >
<header <header
class="fixed scroll-to-blur w-full -z-1 top-0 left-0 right-0 flex justify-center py-12" class="fixed scroll-to-blur w-full -z-1 top-0 left-0 right-0 flex justify-center"
> >
<div <div
class="w-full max-w-[calc(65ch+var(--spacing)*24)] px-8 md:px-12 py-4 opacity-80" class="w-full max-w-[calc(65ch+var(--spacing)*24)] px-8 md:px-12 py-4 md:py-12 opacity-80"
> >
<h1 class="font-bold text-sm">Kenneth's Read</h1> <h1 class="font-bold text-sm">Kenneth's Read</h1>
<h2 class="text-sm">Quotes and notes from my readings.</h2> <h2 class="text-sm">Quotes and notes from my readings.</h2>