From c92fdc2bd18407ae73c919e0bf3b079848a228b4 Mon Sep 17 00:00:00 2001 From: Jay Sheen Date: Mon, 8 Sep 2025 16:53:45 +0900 Subject: [PATCH] =?UTF-8?q?gitignore=20=EB=B0=8F=20=EC=8A=A4=ED=83=80?= =?UTF-8?q?=EC=9D=BC=20=EC=97=85=EB=8D=B0=EC=9D=B4=ED=8A=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - .gitignore에 .claude/ 디렉토리 추가 - Safe Area CSS 스타일 추가 - 기타 스타일 업데이트 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- .gitignore | 1 + index.html | 2 +- src/shared/ui/assets/css/safearea.css | 15 +++++++++++++++ src/shared/ui/assets/css/style.css | 1 + src/utils/safeArea.ts | 17 +++++++++++++++++ 5 files changed, 35 insertions(+), 1 deletion(-) create mode 100644 src/shared/ui/assets/css/safearea.css create mode 100644 src/utils/safeArea.ts diff --git a/.gitignore b/.gitignore index 4af2674..b531dc9 100644 --- a/.gitignore +++ b/.gitignore @@ -25,5 +25,6 @@ dist-ssr .vite/ +.claude/ AGENTS.md CLAUDE.md \ No newline at end of file diff --git a/index.html b/index.html index 06c9ac6..28caadd 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + 나이스가맹점관리자 diff --git a/src/shared/ui/assets/css/safearea.css b/src/shared/ui/assets/css/safearea.css new file mode 100644 index 0000000..f0518f0 --- /dev/null +++ b/src/shared/ui/assets/css/safearea.css @@ -0,0 +1,15 @@ +:root { + --safe-area-inset-top: env(safe-area-inset-top, 0px); + --safe-area-inset-right: env(safe-area-inset-right, 0px); + --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px); + --safe-area-inset-left: env(safe-area-inset-left, 0px); +} + +.safe-area { + padding-top: var(--safe-area-inset-top); + padding-right: var(--safe-area-inset-right); + padding-bottom: var(--safe-area-inset-bottom); + padding-left: var(--safe-area-inset-left); + box-sizing: border-box; + min-height: 100vh; +} \ No newline at end of file diff --git a/src/shared/ui/assets/css/style.css b/src/shared/ui/assets/css/style.css index de8a4ae..bbde3f6 100644 --- a/src/shared/ui/assets/css/style.css +++ b/src/shared/ui/assets/css/style.css @@ -1,6 +1,7 @@ @charset "utf-8"; @import 'reset.css'; @import 'fonts.css'; +@import 'safearea.css'; :root { diff --git a/src/utils/safeArea.ts b/src/utils/safeArea.ts new file mode 100644 index 0000000..7047b9a --- /dev/null +++ b/src/utils/safeArea.ts @@ -0,0 +1,17 @@ +// safeArea.ts +export function setSafeAreaInsets(top: number, right: number, bottom: number, left: number) { + const root = document.documentElement; + root.style.setProperty("--safe-area-inset-top", `${top}px`); + root.style.setProperty("--safe-area-inset-right", `${right}px`); + root.style.setProperty("--safe-area-inset-bottom", `${bottom}px`); + root.style.setProperty("--safe-area-inset-left", `${left}px`); + } + + // 전역에서 호출할 수 있게 window에 바인딩 (Android WebView 네이티브에서 실행할 수 있도록) + declare global { + interface Window { + setSafeAreaInsets: typeof setSafeAreaInsets; + } + } + + window.setSafeAreaInsets = setSafeAreaInsets; \ No newline at end of file