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

fix: pwa ios safari safe area inset for bottom navigation
This commit is contained in:
senshinya
2025-07-29 17:21:30 +08:00
committed by GitHub
4 changed files with 8 additions and 2 deletions

View File

@@ -1 +1 @@
20250728125318 20250729163024

View File

@@ -31,6 +31,7 @@ export async function generateMetadata(): Promise<Metadata> {
export const viewport: Viewport = { export const viewport: Viewport = {
themeColor: '#000000', themeColor: '#000000',
viewportFit: 'cover',
}; };
export default async function RootLayout({ export default async function RootLayout({
@@ -68,6 +69,10 @@ export default async function RootLayout({
return ( return (
<html lang='zh-CN' suppressHydrationWarning> <html lang='zh-CN' suppressHydrationWarning>
<head> <head>
<meta
name='viewport'
content='width=device-width, initial-scale=1.0, viewport-fit=cover'
/>
{/* 将配置序列化后直接写入脚本,浏览器端可通过 window.RUNTIME_CONFIG 获取 */} {/* 将配置序列化后直接写入脚本,浏览器端可通过 window.RUNTIME_CONFIG 获取 */}
{/* eslint-disable-next-line @next/next/no-sync-scripts */} {/* eslint-disable-next-line @next/next/no-sync-scripts */}
<script <script

View File

@@ -58,6 +58,7 @@ const MobileBottomNav = ({ activePath }: MobileBottomNavProps) => {
/* 紧贴视口底部,同时在内部留出安全区高度 */ /* 紧贴视口底部,同时在内部留出安全区高度 */
bottom: 0, bottom: 0,
paddingBottom: 'env(safe-area-inset-bottom)', paddingBottom: 'env(safe-area-inset-bottom)',
minHeight: 'calc(3.5rem + env(safe-area-inset-bottom))',
}} }}
> >
<ul className='flex items-center'> <ul className='flex items-center'>

View File

@@ -2,7 +2,7 @@
'use client'; 'use client';
const CURRENT_VERSION = '20250728125318'; const CURRENT_VERSION = '20250729163024';
// 版本检查结果枚举 // 版本检查结果枚举
export enum UpdateStatus { export enum UpdateStatus {