fix: 모바일에서 에디터 팝업(표/링크 등) 화면 중앙 모달로 — 좌측 잘림 해결
CI / build (push) Failing after 14m9s

- 좁은 화면(댓글창 등)에서 Toast UI 팝업이 좌측으로 넘쳐 OK/입력칸이 잘리던 문제
- @media(max-width:768px)에서 .toastui-editor-popup 을 fixed 중앙 모달로(항상 보임)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
ByungCheol
2026-06-07 20:49:28 +09:00
parent 2e2c784f4c
commit 7276d878dd
+18
View File
@@ -110,3 +110,21 @@ onBeforeUnmount(() => {
<input ref="imgInput" type="file" accept="image/*" hidden @change="onImagePick" />
</div>
</template>
<!-- 전역(unscoped): Toast UI 팝업이 좁은 화면(댓글창 )에서 좌측으로 넘쳐 잘리는 문제
모바일에선 화면 중앙 모달로 띄워 항상 보이게 한다. -->
<style>
@media (max-width: 768px) {
.toastui-editor-popup {
position: fixed !important;
left: 50% !important;
top: 50% !important;
right: auto !important;
transform: translate(-50%, -50%) !important;
max-width: 94vw !important;
max-height: 80vh;
overflow: auto;
z-index: 1300;
}
}
</style>