From d7fc84aae5c685a73cf502c2adaa3e781104ce48 Mon Sep 17 00:00:00 2001
From: radishzzz <shuyinsen@gmail.com>
Date: Thu, 13 Feb 2025 16:29:06 +0000
Subject: [PATCH] fix: header position issue on ios

---
 src/components/LanguageSwitcher.astro | 2 +-
 src/components/ThemeToggle.astro      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/LanguageSwitcher.astro b/src/components/LanguageSwitcher.astro
index fb0b57f..6d0b2e9 100644
--- a/src/components/LanguageSwitcher.astro
+++ b/src/components/LanguageSwitcher.astro
@@ -16,7 +16,7 @@ function getLanguageDisplayName(code: string) {
 <button
   type="button"
   id="language-switcher"
-  class="absolute right-[calc(9.94vw+2.8rem)] top-[calc(7.3vw+2.68rem)] z-9 aspect-square w-6.6 c-secondary active:scale-90"
+  class="absolute right-[calc(9.94vw+2.8rem)] top-[calc(7.3vw+2.68rem)] z-9 aspect-square w-6.6 c-secondary [@supports(-webkit-touch-callout:none)]:top-[calc(7.3vw+2.28rem)] active:scale-90"
   lg="hidden"
   aria-label={`Current Language: ${getLanguageDisplayName(currentLocale)}. Click to switch to next language.`}
 >
diff --git a/src/components/ThemeToggle.astro b/src/components/ThemeToggle.astro
index 35e11e4..30a98ee 100644
--- a/src/components/ThemeToggle.astro
+++ b/src/components/ThemeToggle.astro
@@ -60,7 +60,7 @@ window.addEventListener('pageshow', (event) => {
 <button
   aria-pressed="false"
   aria-label="Theme Toggle Button"
-  class="absolute right-[calc(9.94vw-1.18rem)] top-[calc(7.3vw+2.6rem)] z-9 aspect-square w-7 c-secondary active:scale-90"
+  class="absolute right-[calc(9.94vw-1.18rem)] top-[calc(7.3vw+2.6rem)] z-9 aspect-square w-7 c-secondary [@supports(-webkit-touch-callout:none)]:top-[calc(7.3vw+2.2rem)] active:scale-90"
   lg="hidden"
 >
   <svg