- apple-mobile-web-app-capable + status-bar-style: iOS Safari 의 홈 화면 추가 시 standalone (주소창 + 하단바 제거) - viewportFit:cover: 노치/홈바 영역까지 사용 - userScalable:false + maximumScale:1: 시연 중 핀치 줌 방지 - themeColor: 알람 모드 배경(#0d0202)과 일치 iOS PT 폰: Safari 공유 → 홈 화면에 추가 → 풀스크린 standalone. Android PT 폰일 경우: manifest.json + icon 추가 별도 필요 (다음 단계). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,6 +1,29 @@
|
||||
import type { Metadata, Viewport } from "next";
|
||||
import { AuthProvider } from "@/contexts/AuthContext";
|
||||
import { RequireAuth } from "@/components/auth/AuthGuard";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "INVYONE EHS",
|
||||
description: "INVYONE 작업자 알림 동반 화면",
|
||||
// iOS Safari "홈 화면에 추가" 시 standalone 모드 (주소창/하단바 제거)
|
||||
appleWebApp: {
|
||||
capable: true,
|
||||
statusBarStyle: "black-translucent",
|
||||
title: "INVYONE EHS",
|
||||
},
|
||||
};
|
||||
|
||||
export const viewport: Viewport = {
|
||||
width: "device-width",
|
||||
initialScale: 1,
|
||||
maximumScale: 1,
|
||||
userScalable: false,
|
||||
// 노치/홈바 영역까지 사용
|
||||
viewportFit: "cover",
|
||||
// PWA 시 상태표시줄 색
|
||||
themeColor: "#0d0202",
|
||||
};
|
||||
|
||||
export default function MobileLayout({ children }: { children: React.ReactNode }) {
|
||||
return (
|
||||
<AuthProvider>
|
||||
|
||||
Reference in New Issue
Block a user