fix mobile crown

2026-03-08 00:41:36 +09:00
parent b99314d838
commit cab196a91f
1 changed files with 3 additions and 3 deletions
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -385,10 +385,10 @@ export default function App() {
      {/* Clear crowns - gold(top), silver, bronze(bottom) */}
      {!isNasa && (crowns.bronze || crowns.silver || crowns.gold) && (
        <div style={{
-          position: 'absolute',
-          bottom: 16,
+          position: 'fixed',
+          bottom: 'max(16px, env(safe-area-inset-bottom, 0px))',
          right: 16,
-          zIndex: 3,
+          zIndex: 100,
          display: 'flex',
          flexDirection: 'column',
          gap: 4,