fix: theme transition error on ios

This commit is contained in:
radishzzz 2025-02-05 17:07:45 +00:00
parent 45385fd84a
commit 93eca1fa7a
6 changed files with 23 additions and 20 deletions

View file

@ -17,6 +17,7 @@ const marginBottom = {
<header>
<h1 class={`${marginBottom} mt--5 text-12.8 c-primary font-bold font-title`}>
<a
class="ios-flash-fix"
href={getLocalizedPath('/')}
transition:name="site-title"
data-disable-transition-on-theme

View file

@ -19,8 +19,8 @@ const isAboutActive = isAbout;
href={getLocalizedPath('/')}
class:list={[
isPostActive
? 'font-bold text-primary'
: 'hover:text-primary hover:font-bold',
? 'font-bold c-primary'
: 'hover:c-primary hover:font-bold',
]}
>
{currentUI.posts}
@ -31,8 +31,8 @@ const isAboutActive = isAbout;
href={getLocalizedPath('/tags')}
class:list={[
isTagActive
? 'font-bold text-primary'
: 'hover:text-primary hover:font-bold',
? 'font-bold c-primary'
: 'hover:c-primary hover:font-bold',
]}
>
{currentUI.tags}
@ -43,8 +43,8 @@ const isAboutActive = isAbout;
href={getLocalizedPath('/about')}
class:list={[
isAboutActive
? 'font-bold text-primary'
: 'hover:text-primary hover:font-bold',
? 'font-bold c-primary'
: 'hover:c-primary hover:font-bold',
]}
>
{currentUI.about}

View file

@ -8,7 +8,7 @@ const { getLocalizedPath } = getPagePath(currentPath)
---
<a
class="mt--1.4 text-8.32 c-secondary font-bold font-title"
class="ios-flash-fix mt--1.4 text-8.32 c-secondary font-bold font-title"
href={getLocalizedPath('/')}
transition:name="site-title"
data-disable-transition-on-theme