mirror of
https://github.com/MoonTechLab/LunaTV.git
synced 2026-02-21 00:44:41 +08:00
fix: adjust iOS Safari safe area handling for bottom navigation
This commit is contained in:
@@ -1 +1 @@
|
||||
20250729151638
|
||||
20250729163024
|
||||
@@ -11,11 +11,6 @@
|
||||
.scrollbar-hide::-webkit-scrollbar {
|
||||
display: none; /* Chrome, Safari and Opera */
|
||||
}
|
||||
|
||||
/* iOS Safari 安全区域工具类 */
|
||||
.pb-safe-bottom {
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
@@ -28,15 +23,10 @@ body {
|
||||
overflow-x: hidden;
|
||||
/* 阻止 iOS Safari 拉动回弹 */
|
||||
overscroll-behavior: none;
|
||||
/* 支持 iOS Safari 安全区域 */
|
||||
padding: env(safe-area-inset-top) env(safe-area-inset-right)
|
||||
env(safe-area-inset-bottom) env(safe-area-inset-left);
|
||||
}
|
||||
|
||||
body {
|
||||
color: rgb(var(--foreground-rgb));
|
||||
/* iOS Safari 安全区域背景适配 */
|
||||
background-color: #f7f7f3;
|
||||
}
|
||||
|
||||
html:not(.dark) body {
|
||||
|
||||
@@ -40,10 +40,9 @@ const PageLayout = ({ children, activePath = '/' }: PageLayoutProps) => {
|
||||
|
||||
{/* 主内容 */}
|
||||
<main
|
||||
className='flex-1 md:min-h-0 pb-safe-bottom md:pb-0'
|
||||
className='flex-1 md:min-h-0 mb-14 md:mb-0'
|
||||
style={{
|
||||
paddingBottom:
|
||||
'max(3.5rem, calc(3.5rem + env(safe-area-inset-bottom)))',
|
||||
paddingBottom: 'calc(3.5rem + env(safe-area-inset-bottom))',
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
'use client';
|
||||
|
||||
const CURRENT_VERSION = '20250729151638';
|
||||
const CURRENT_VERSION = '20250729163024';
|
||||
|
||||
// 版本检查结果枚举
|
||||
export enum UpdateStatus {
|
||||
|
||||
Reference in New Issue
Block a user