Merge branch 'main' of https://gitea.bpsoft.co.kr/nicepayments/nice-app-web

src/shared/constants/common.ts

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

src/shared/ui/assets/css/style-fix.css

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