Merge pull request #315 from ShimonZhan/fix/ios-safari-bottom-safe-area

fix: pwa ios safari safe area inset for bottom navigation
2026-02-20 16:34:42 +08:00 · 2025-07-29 17:21:30 +08:00
parent 67b6132780 193902af7c
commit 8fd7451f8a
4 changed files with 8 additions and 2 deletions
--- a/VERSION.txt
+++ b/VERSION.txt
@@ -1 +1 @@
-20250728125318
+20250729163024
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -31,6 +31,7 @@ export async function generateMetadata(): Promise<Metadata> {

 export const viewport: Viewport = {
  themeColor: '#000000',
+  viewportFit: 'cover',
 };

 export default async function RootLayout({
@@ -68,6 +69,10 @@ export default async function RootLayout({
  return (
    <html lang='zh-CN' suppressHydrationWarning>
      <head>
+        <meta
+          name='viewport'
+          content='width=device-width, initial-scale=1.0, viewport-fit=cover'
+        />
        {/* 将配置序列化后直接写入脚本，浏览器端可通过 window.RUNTIME_CONFIG 获取 */}
        {/* eslint-disable-next-line @next/next/no-sync-scripts */}
        <script
--- a/src/components/MobileBottomNav.tsx
+++ b/src/components/MobileBottomNav.tsx
@@ -58,6 +58,7 @@ const MobileBottomNav = ({ activePath }: MobileBottomNavProps) => {
        /* 紧贴视口底部，同时在内部留出安全区高度 */
        bottom: 0,
        paddingBottom: 'env(safe-area-inset-bottom)',
+        minHeight: 'calc(3.5rem + env(safe-area-inset-bottom))',
      }}
    >
      <ul className='flex items-center'>
--- a/src/lib/version.ts
+++ b/src/lib/version.ts
@@ -2,7 +2,7 @@

 'use client';

-const CURRENT_VERSION = '20250728125318';
+const CURRENT_VERSION = '20250729163024';

 // 版本检查结果枚举
 export enum UpdateStatus {