[FE] '약속 후보 날짜 선택'과 '약속 시간 범위 선택' 사이에 간격을 설정

[Yoonkyoungme]

관련 이슈

• resolves: [FE] '약속 후보 날짜 선택'과 '약속 시간 범위 선택' 사이에 간격을 설정해요 :) #396

작업 내용

1. '약속 후보 날짜 선택'과 '약속 시간 범위 선택' 사이에 간격을 설정

AS-IS

기존 코드는 아래 사진처럼 '약속 후보 날짜 선택'과 '약속 시간 범위 선택' 사이에 간격이 설정되어 있지 않습니다.

TO-BE

아래와 같이 간격을 지정하였습니다.

2. iOS에서 logoSunglass 배경이 검은색으로 설정되는 문제 해결

AS-IS

기존에는 아래 사진처럼 iOS에서 logoSunglass svg의 배경색이 검은색으로 표시되는 문제가 있었습니다.

TO-BE

svg에서 <pattern> 요소가 제대로 설정되지 않거나, 참조되는 <use> 요소에 문제가 있을 경우, iOS는 빈 패턴 대신 기본 배경색으로 검은색을 사용합니다.

svg 패턴을 정의하지 않으면 iOS에서 기본 배경색으로 검정이 표시되는 것이 문제의 원인이었어요🤣 아래 코드처럼 pattern을 설정해 주었습니다

<defs>
  <pattern id="pattern0_2561_1931" patternContentUnits="objectBoundingBox" width="1" height="1">
    <use xlink:href="#image0_2561_1931" />
  </pattern>
</defs>

해리 휴대폰으로 iOS 기기에서 배경색이 더 이상 검은색이 아닌 것을 확인했습니다!

특이 사항

첫 번째 커밋 rename: CreateMeetingPage 디렉터리 내부 구조 변경은 다른 pages 디렉터리 형식과 통일 시키기 위한 작업입니다.(MeetingDateTime, MeetingHostInfo, MeetingName 컴포넌트를 components 디렉터리 내부로 이동)
이 부분은 코드 변경이 없으니 리뷰 하지 않아도 될 것 같아요!

리뷰 요구사항 (선택)

[github-actions]

Test Results

9 tests   9 ✅  11s ⏱️
2 suites  0 💤
1 files    0 ❌

Results for commit 100d5b9.

♻️ This comment has been updated with latest results.

[hwinkr]

고생했어요 빙봉!🔮

아이러니하게도 빙봉은 갤럭시 유저인데 IOS 대응을 제일 많이하는 것 같네요...ㅋㅋㅋ

[Largopie]

👍👍👍💯💯💯