# 작업 내역 (2026-04-11)
## 현재 상태
빌드 필요 (마지막 수정 후 아직 테스트 안됨)
---
## 완료된 작업
### 1. 모바일 하단 제스처바 숨김 (app.vue)
- 방법: body에 `position:absolute; top:100vh; height:1px` 인비저블 엘리먼트 추가 → 문서가 1px 더 길어져 window.scrollTo(0,1) 가능
- 첫 터치 시 `window.scrollTo(0, 1)` → 300ms 후 0으로 복귀
- body `overflow:hidden` 유지하면서 window scroll 트리거 가능
- 파일: `frontend/app.vue`
```javascript
// 모바일 브라우저 하단 UI 숨김 (iOS + Android)
const isMobile = /Android|iPhone|iPad|iPod/i.test(navigator.userAgent);
if (isMobile) {
document.addEventListener('touchstart', () => {
window.scrollTo(0, 1);
setTimeout(() => window.scrollTo(0, 0), 300);
}, { once: true, passive: true });
}
```
```html
```
### 2. 배팅카트 모바일 sticky
- 파일: `frontend/assets/scss/pages/main.scss`
- `chart__section--betting`에 모바일 sticky 적용
```scss
&--betting {
@include media("lg") {
position: sticky;
bottom: 2vh;
z-index: 10;
}
}
```
### 3. 잭팟 모달 SVG 아이콘 교체
- 파일: `frontend/components/layout/Header.vue`
- `ⓟ` 이모티콘 → 커스텀 SVG (빨간 원 + 흰색 P) 교체
- jackpotBonusData 배열에서 ⓟ 제거 후 템플릿에 SVG 인라인 추가
### 4. 디자인 변경 (0410 폴더 기준)
- **파일**: `frontend/assets/scss/base/_typography.scss`
- `$fs-h1-m: 2rem → 1.6rem`
- `$lh-h1-m: 3rem → 2.6rem`
- **파일**: `frontend/assets/scss/base/_variables.scss`
- `"xxs": 340px` 브레이크포인트 제거
- **파일**: `frontend/assets/scss/layout/_footer.scss`
- `.footer` 레벨 `[data-theme]` 배경색 선언 제거
- 모바일 하단 패딩 `16.2rem` 제거 → `padding: 1.2rem 1.2rem`
- **파일**: `frontend/assets/scss/layout/_header.scss`
- 헤더 flexbox 방식 변경: `flexCenter(space-between)` → `display:flex; align-items:center; justify-content:center`
- `max-width: 1920px` 제거 (헤더 루트에서)
- `&__inner` 래퍼 추가: `max-width: 1868px; flexCenter(space-between)`
- **파일**: `frontend/components/layout/Header.vue`
- 템플릿에 `