iOS safe area 지원 추가 및 버전 업데이트
- iOS WebView에서 safe-area-inset-top 값을 고려하도록 스크롤 액션 수정 - safearea.css를 index.html에 추가하여 CSS 변수 활성화 - .date-group-label 위치에 safe-area-inset-top 적용 - 버전 1.0.3으로 업데이트 - Makefile 빌드 스크립트 개선 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -56,16 +56,23 @@ export const getMax = (data: Array<Record<string, any>>) => {
|
||||
};
|
||||
|
||||
export const setScrollAction = (
|
||||
e: Event,
|
||||
setGroupDate: (groupDate: string) => void,
|
||||
e: Event,
|
||||
setGroupDate: (groupDate: string) => void,
|
||||
setGroupDateOn: (groupDateOn: boolean) => void
|
||||
) => {
|
||||
// iOS safe-area-inset-top 값 가져오기
|
||||
const safeAreaInsetTop = parseInt(
|
||||
window.getComputedStyle(document.documentElement)
|
||||
.getPropertyValue('--safe-area-inset-top') || '0'
|
||||
);
|
||||
|
||||
|
||||
let dateHeader = document.querySelectorAll('.date-header');
|
||||
let posData: Array<Record<string, any>> = [];
|
||||
dateHeader.forEach((value, index) => {
|
||||
let date: string = value.innerHTML;
|
||||
let top: number = value.getBoundingClientRect().top;
|
||||
if(top < 10){
|
||||
if(top < safeAreaInsetTop + 86){
|
||||
posData.push({
|
||||
date: date,
|
||||
top: top
|
||||
|
||||
@@ -544,7 +544,7 @@ main.pop{
|
||||
position: fixed;
|
||||
background-color: #ffffff;
|
||||
width: calc(100% - 42px);
|
||||
top: 50px;
|
||||
top: calc(50px + env(safe-area-inset-top));
|
||||
padding-left: 10px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user