Bottomsheet handleBar 기능 추가

[hyerindev]

✔️ 작업 내용

바텀시트 핸들바를 잡고 늘였다 줄였다 할 수 있도록 기능을 추가한다.

• transform: scaleY(); -> 고정된 사이즈를 억지로 늘린 것처럼 된다. 원하는대로 안된다.
• 마우스 움직임에 따라 수동 조절하기
  다음의 코드 참고

  const textarea = document.querySelector('.resizable-textarea');
  const handle = document.querySelector('.resizable-textarea::after');
  
  let isResizing = false;
  
  handle.addEventListener('mousedown', (e) => {
      isResizing = true;
  });
  
  document.addEventListener('mouseup', () => {
      isResizing = false;
  });
  
  document.addEventListener('mousemove', (e) => {
      if (isResizing) {
          textarea.style.width = e.pageX - textarea.offsetLeft + 'px';
          textarea.style.height = e.pageY - textarea.offsetTop + 'px';
      }
  });

💬 기타