diff --git a/assets/mobile-chrome.js b/assets/mobile-chrome.js index a3109bf..4b6be5a 100644 --- a/assets/mobile-chrome.js +++ b/assets/mobile-chrome.js @@ -17,7 +17,7 @@ ez-mobile-chrome .ezc { display: none; } @media (max-width: 820px) { ez-mobile-chrome .ezc { display: block; font-family: var(--font-body); } - ez-mobile-chrome .ezc-burger { position: fixed; top: 10px; left: 14px; z-index: 90; width: 42px; height: 42px; border: 1px solid var(--ez-line); border-radius: 10px; background: #fff; color: var(--ez-ink); font-size: 22px; display: flex; align-items: center; justify-content: center; cursor: pointer; } + ez-mobile-chrome .ezc-burger { position: fixed; top: 14px; left: 14px; z-index: 90; width: 42px; height: 42px; border: none; border-radius: 0; background: transparent; color: var(--ez-ink); font-size: 26px; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; } ez-mobile-chrome .ezc-bar { position: fixed; bottom: 0; right: 0; left: 0; z-index: 80; background: #fff; border-top: 1px solid var(--ez-line); display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 10px 16px calc(12px + env(safe-area-inset-bottom, 0px)); } ez-mobile-chrome .ezc-bar a { display: flex; align-items: center; justify-content: center; gap: 7px; border-radius: 999px; padding: 13px 0; font-family: var(--font-display); font-weight: 700; font-size: 17px; color: #fff; border-bottom: none; min-height: 48px; box-sizing: border-box; } ez-mobile-chrome .ezc-menu { position: fixed; inset: 0; z-index: 100; background: #fff; display: none; flex-direction: column; padding: 18px 22px calc(18px + env(safe-area-inset-bottom, 0px)); overflow-y: auto; }