Skip to content

[Feat] - 바텀 시트 포지션 정리 / 해당 컴포넌트 공통 훅으로 분리 #389

@kyungchan3007

Description

@kyungchan3007

📄 이슈 내용

  • 바텀 시트 포지션 정리 / 해당 컴포넌트 공통 훅으로 분리

📝 상세 내용

FilterSheetContainer 내부

◦ open 상태 구독 추가:
▪ const open = useFilterSheetStore(s => s.open);
◦ 스크롤락 추가:
▪ const anchorRef = useRef(null);
▪ useScrollLock({ locked: open, anchorRef });
◦ 앵커 추가

◦ 오버레이 클래스 변경:
▪ fixed inset-y-0 left-0 right-0 z-40 mx-auto w-full max-w-[375px] bg-black/40
◦ 바텀시트 클래스 변경:
▪ fixed bottom-0 left-0 right-0 z-50 mx-auto flex h-[85vh] w-full max-w-[375px] flex-col rounded-t-2xl bg-white shadow-xl

✅ 체크리스트

  • 빌드 테스트
  • 시트 열림 닫힘 테스트

Metadata

Metadata

Assignees

Labels

FeatFeature 작업 상황을 입력해주세요.

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions