mirror of
https://github.com/reonokiy/blog.nokiy.net.git
synced 2025-06-15 19:22:52 +02:00
44 lines
1.2 KiB
Text
44 lines
1.2 KiB
Text
---
|
|
import themeConfig from '@/config'
|
|
import { ui } from '@/i18n/ui'
|
|
import { getPageInfo } from '@/utils/page'
|
|
|
|
const { currentLang, getLocalizedPath } = getPageInfo(Astro.url.pathname)
|
|
const currentUI = ui[currentLang as keyof typeof ui]
|
|
|
|
const { title, subtitle } = themeConfig.site
|
|
const headerTitle = title || currentUI.title
|
|
const headerSubtitle = !subtitle
|
|
? ''
|
|
: (subtitle === 'Revive the beauty of typography'
|
|
? currentUI.subtitle
|
|
: subtitle)
|
|
|
|
const { titleSpace } = themeConfig.global
|
|
const marginBottom = {
|
|
1: 'mb-0.625',
|
|
2: 'mb-1.875',
|
|
3: 'mb-3.125',
|
|
}[titleSpace] || 'mb-3.125'
|
|
---
|
|
|
|
<header class="mb-10.625 lg:fixed">
|
|
<h1 class={`${marginBottom} text-8 c-primary font-bold font-title lg:text-9`}>
|
|
<!-- Fix text cropping issues during view transition on ios by adding a div tag -->
|
|
<div
|
|
class="box-content inline-block pr-1.25"
|
|
transition:name={`site-title-${currentLang}`}
|
|
data-disable-transition-on-theme
|
|
>
|
|
<a href={getLocalizedPath('/')}>
|
|
{headerTitle}
|
|
</a>
|
|
</div>
|
|
</h1>
|
|
|
|
{headerSubtitle && (
|
|
<h2 class="text-3.5 c-secondary font-navbar lg:text-4">
|
|
{headerSubtitle}
|
|
</h2>
|
|
)}
|
|
</header>
|