reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 11:41:17 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: button position issue on ios

Browse source
This commit is contained in:
radishzzz 2025-03-05 22:02:02 +00:00
parent a813e7c2d0
commit d58cbcc786
2 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/ThemeToggle.astro
View file

@ -3,7 +3,6 @@ import { themeConfig } from '@/config'
const { light: { background: lightMode }, dark: { background: darkMode } } = themeConfig.color const { light: { background: lightMode }, dark: { background: darkMode } } = themeConfig.color
--- ---
<!-- [@supports(-webkit-touch-callout:none)]:top-[calc(7.3vw+2.2rem)] -->
<button <button
id="theme-toggle" id="theme-toggle"
aria-label="Theme Toggle Button" aria-label="Theme Toggle Button"

3
src/layouts/Layout.astro
View file

@ -54,7 +54,8 @@ const fontStyle = themeConfig.global.fontStyle === 'serif' ? 'font-serif' : 'fon
<Footer class="mt-12 block lg:hidden" /> <Footer class="mt-12 block lg:hidden" />
</div> </div>
<div class="absolute right-[min(7.25vw,3.731rem)] top-13.5 flex gap-6"> <!-- fix position issue on ios -->
<div class="absolute right-[min(7.25vw,3.731rem)] top-13.5 flex gap-6 [@supports(-webkit-touch-callout:none)]:top-12.5">
<LanguageSwitcher /> <LanguageSwitcher />
<ThemeToggle /> <ThemeToggle />
</div> </div>