Fix notch issue on iOS

Addresses the notch display issue on iOS devices.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-23 10:15:20 +00:00
parent 2c99bbce88
commit ce60f418fa
4 changed files with 18 additions and 15 deletions

View File

@@ -30,8 +30,8 @@ const SafeAreaContainer: React.FC<SafeAreaContainerProps> = ({
let safeAreaClass = '';
if (isIOS) {
if (!bottomOnly) safeAreaClass += ' pt-12'; // iOS 상단 안전 영역
if (!topOnly) safeAreaClass += ' pb-8'; // iOS 하단 안전 영역
if (!bottomOnly) safeAreaClass += ' has-safe-area-top'; // iOS 상단 안전 영역
if (!topOnly) safeAreaClass += ' has-safe-area-bottom'; // iOS 하단 안전 영역
} else {
if (!bottomOnly) safeAreaClass += ' pt-4'; // 안드로이드 상단 여백
if (!topOnly) safeAreaClass += ' pb-4'; // 안드로이드 하단 여백