From d58cbcc78649c00253f2dfd908f8a58b9ef70aae Mon Sep 17 00:00:00 2001
From: radishzzz <shuyinsen@gmail.com>
Date: Wed, 5 Mar 2025 22:02:02 +0000
Subject: [PATCH] fix: button position issue on ios

---
 src/components/ThemeToggle.astro | 1 -
 src/layouts/Layout.astro         | 3 ++-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ThemeToggle.astro b/src/components/ThemeToggle.astro
index fa91747..bca67c7 100644
--- a/src/components/ThemeToggle.astro
+++ b/src/components/ThemeToggle.astro
@@ -3,7 +3,6 @@ import { themeConfig } from '@/config'
 
 const { light: { background: lightMode }, dark: { background: darkMode } } = themeConfig.color
 ---
-<!-- [@supports(-webkit-touch-callout:none)]:top-[calc(7.3vw+2.2rem)]  -->
 <button
   id="theme-toggle"
   aria-label="Theme Toggle Button"
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 5258a41..ac24607 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -54,7 +54,8 @@ const fontStyle = themeConfig.global.fontStyle === 'serif' ? 'font-serif' : 'fon
       <Footer class="mt-12 block lg:hidden" />
     </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 />
       <ThemeToggle />
     </div>