Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 11:29:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: show light/dark button according to site setting

Browse Source
This commit is contained in:
satnaing
2025-03-07 19:52:05 +07:00
committed by Sat Naing
parent b995f4dada
commit 39ed4898a3
1 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Header.astro
+6 -6
View File
@@ -117,6 +117,8 @@ const isActive = (path: string) => {
<span class="sr-only">Search</span> <span class="sr-only">Search</span>
</LinkButton> </LinkButton>
</li> </li>
{
SITE.lightAndDarkMode && (
<li class="col-span-1 flex items-center justify-center"> <li class="col-span-1 flex items-center justify-center">
<button <button
id="theme-btn" id="theme-btn"
@@ -125,14 +127,12 @@ const isActive = (path: string) => {
aria-label="auto" aria-label="auto"
aria-live="polite" aria-live="polite"
> >
<IconMoon <IconMoon class="absolute top-[50%] left-[50%] -translate-[50%] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" />
class="absolute top-[50%] left-[50%] -translate-[50%] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" <IconSunHigh class="absolute top-[50%] left-[50%] -translate-[50%] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" />
/>
<IconSunHigh
class="absolute top-[50%] left-[50%] -translate-[50%] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"
/>
</button> </button>
</li> </li>
)
}
</ul> </ul>
</nav> </nav>
</div> </div>