[DEV-177] fix: 작성페이지 임베디드 스타일링 수정

[xorms571]

📑 작업 개요

문제 :

• 작성페이지에서 링크 임베디드를 할 시
• 사이즈가 정해져 있는 부모 요소가 없어서
• 임베디드 넓이가 과하게 넓어져있는 오류를 발견

해결 :

• 작성페이지에서 임베디드 할 시의 임베디드 프레임 스타일을 수정하였습니다.

🎟️ 관련 이슈

close: #321

[typeYu]

1. 원래 안그랬던 것 같은데, 임베드가 사이드 바와 함께 움직이지 않고, 너무 너비가 고정되어 있어서 데스크탑 사이즈 내에서 반응형이 적용 안되는 것 같아요
2. 태블릿/모바일 사이즈일 때, 높이가 522, 385가 맞나요? 너무 높은 것 같아서요 특히 목표 페이지, 노트 모아보기 등에서 노트 상세 보기를 눌렀을 때 임베드가 화면 전체를 가리게 되네요

[xorms571]

1. 원래 안그랬던 것 같은데, 임베드가 사이드 바와 함께 움직이지 않고, 너무 너비가 고정되어 있어서 데스크탑 사이즈 내에서 반응형이 적용 안되는 것 같아요
2. 태블릿/모바일 사이즈일 때, 높이가 522, 385가 맞나요? 너무 높은 것 같아서요

1. 원래도 고정되어있었습니다.
2. 네 피그마를 보고 하였습니다.

[typeYu]

혹시 그렇다면 데스크탑 내에서 임베드가 반응형으로 움직이게 추가해주시고, 상세 보기 시 높이를 피그마 비율로 살짝 줄여주실 수 있나요? 첨부된 이미지와 같이, 현재 너무 높은 것 같아요

[xorms571]

혹시 그렇다면 데스크탑 내에서 임베드가 반응형으로 움직이게 추가해주시고, 상세 보기 시 높이를 피그마 비율로 살짝 줄여주실 수 있나요? 첨부된 이미지와 같이, 현재 너무 높은 것 같아요

피그마를 다시 보니까.. 작성페이지에서 여는것과 일반페이지에서 여는것의 크기가 다르네요.. 그래서 헷갈린것같습니다.

그리고 반응형으로 움직이게 라는건 애니메이션 효과를 말하는건가요?

[typeYu]

그리고 반응형으로 움직이게 라는건 애니메이션 효과를 말하는건가요?

애니메이션..? 은 아닌 것 같고, 이렇게 보이는 상황을 방지하고 화면 크기에 따라 글씨와 버튼을 임베드 내 중앙정렬 하면서 유동적으로 변했으면 합니다 반응형 구현하는 것 처럼요

[xorms571]

그리고 반응형으로 움직이게 라는건 애니메이션 효과를 말하는건가요?

애니메이션..? 은 아닌 것 같고, 이렇게 보이는 상황을 방지하고 화면 크기에 따라 글씨와 버튼을 임베드 내 중앙정렬 하면서 유동적으로 변했으면 합니다 반응형 구현하는 것 처럼요

다시 수정했는데 확인부탁드립니다.

1. 데스크탑 환경일때 임베디드 화면 꽉 차게 변경
2. 작성페이지, 일반 페이지에 따라 임베디드 높이 다르게