diff --git a/CHANGELOG_CHERRYPICK.md b/CHANGELOG_CHERRYPICK.md index fc011305b8..29273e930d 100644 --- a/CHANGELOG_CHERRYPICK.md +++ b/CHANGELOG_CHERRYPICK.md @@ -33,6 +33,7 @@ - 계정 생성 팝업에 뒤로 가기 버튼 추가 - 리액션 버튼 디자인 개선 - 새 글꼴 크기 추가 +- Fix: (Friendly) 위젯 영역에 safe-area-inset-bottom이 적용되지 않음 - Fix: 위젯 편집 시 헤더 이외의 영역을 눌렀을 때 위젯 설정이 뜨는 문제 - Fix: 위젯 편집 종료 버튼이 여러 개 있는 문제 - Fix: 일부 옵션 변경 시 페이지를 새로 고치도록 diff --git a/packages/frontend/src/ui/friendly.vue b/packages/frontend/src/ui/friendly.vue index b22cfa9579..39233562d9 100644 --- a/packages/frontend/src/ui/friendly.vue +++ b/packages/frontend/src/ui/friendly.vue @@ -371,7 +371,7 @@ $float-button-size: 65px; } .widgets { - padding: 0 var(--margin); + padding: 0 var(--margin) calc(var(--margin) + env(safe-area-inset-bottom, 0px)); border-left: solid 0.5px var(--divider); background: var(--bg); @@ -487,7 +487,7 @@ $float-button-size: 65px; right: 0; z-index: 1001; height: 100dvh; - padding: var(--margin) !important; + padding: var(--margin) var(--margin) calc(var(--margin) + env(safe-area-inset-bottom, 0px)) !important; box-sizing: border-box; overflow: auto; overscroll-behavior: contain;