nicepayments/nice-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

gitignore 및 스타일 업데이트

Browse Source 
- .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
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -25,5 +25,6 @@ dist-ssr
.vite/
.claude/
AGENTS.md
CLAUDE.md

2
index.html
View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
<title>나이스가맹점관리자</title>
<!--파비콘-->
<link rel="shortcut icon" href="src/shared/ui/assets/images/favicon.ico">

15
src/shared/ui/assets/css/safearea.css Normal file
View File

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

1
src/shared/ui/assets/css/style.css
View File

@@ -1,6 +1,7 @@
@charset "utf-8";
@import 'reset.css';
@import 'fonts.css';
@import 'safearea.css';
:root {

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;