gitignore 및 스타일 업데이트

- .gitignore에 .claude/ 디렉토리 추가
- Safe Area CSS 스타일 추가
- 기타 스타일 업데이트

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Jay Sheen
2025-09-08 16:53:45 +09:00
parent a53edb23bc
commit c92fdc2bd1
5 changed files with 35 additions and 1 deletions

17
src/utils/safeArea.ts Normal file
View File

@@ -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;