update: post page layout

- Change default font style from sans to serif
- Add responsive mobile header class
- Update post images with new gallery images
- Modify post title and layout styling
- Simplify font style class application in Layout
This commit is contained in:
radishzzz 2025-02-16 01:43:54 +00:00
parent e2cce321fc
commit c63eaa3792
9 changed files with 13 additions and 13 deletions

View file

@ -23,13 +23,13 @@ interface Props {
}
const { postTitle, postDescription, postImage } = Astro.props
const fontStyle = `font-${themeConfig.global.fontStyle}`
const { isHome, isPost } = getPagePath(Astro.url.pathname);
const { isHome, isPost } = getPagePath(Astro.url.pathname)
const fontStyle = themeConfig.global.fontStyle === 'serif' ? 'font-serif' : 'font-sans'
---
<html
lang={Astro.currentLocale || 'en-US'}
class:list={[fontStyle]}
class={fontStyle}
data-overlayscrollbars-initialize
>
<Head {postTitle} {postDescription} {postImage} />
@ -45,7 +45,7 @@ const { isHome, isPost } = getPagePath(Astro.url.pathname);
<Footer />
</div>
{!isHome && isPost && <MobileHeader class="lg:hidden" /> }
{!isHome && isPost && <MobileHeader /> }
<main class="col-start-1 row-start-1">
<slot />