dhammawatthumpra commited on
Commit
60c1bf8
·
1 Parent(s): 4034488

fix: menu button safe-area inset top for iOS PWA black-translucent

Browse files
webapp/tipitaka-web/src/components/layout/AppShell.tsx CHANGED
@@ -71,7 +71,8 @@ const AppShell: React.FC = () => {
71
  {!isNavOpen && (
72
  <button
73
  onClick={toggleNav}
74
- className={`fixed top-4 left-4 z-30 w-10 h-10 flex items-center justify-center rounded-full ${menuBtn} text-[#c8860a] transition-colors`}
 
75
  title="เปิดเมนู"
76
  >
77
  <Menu size={20} />
 
71
  {!isNavOpen && (
72
  <button
73
  onClick={toggleNav}
74
+ style={{ top: 'calc(env(safe-area-inset-top) + 12px)' }}
75
+ className={`fixed left-4 z-30 w-10 h-10 flex items-center justify-center rounded-full ${menuBtn} text-[#c8860a] transition-colors`}
76
  title="เปิดเมนู"
77
  >
78
  <Menu size={20} />