From 7276d878ddf834827c3d4ba9bb177a3985ad70d5 Mon Sep 17 00:00:00 2001
From: ByungCheol <kenneth73510@nurier.co.kr>
Date: Sun, 7 Jun 2026 20:49:28 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=AA=A8=EB=B0=94=EC=9D=BC=EC=97=90?=
 =?UTF-8?q?=EC=84=9C=20=EC=97=90=EB=94=94=ED=84=B0=20=ED=8C=9D=EC=97=85(?=
 =?UTF-8?q?=ED=91=9C/=EB=A7=81=ED=81=AC=20=EB=93=B1)=20=ED=99=94=EB=A9=B4?=
 =?UTF-8?q?=20=EC=A4=91=EC=95=99=20=EB=AA=A8=EB=8B=AC=EB=A1=9C=20=E2=80=94?=
 =?UTF-8?q?=20=EC=A2=8C=EC=B8=A1=20=EC=9E=98=EB=A6=BC=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/editor/MarkdownEditor.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/components/editor/MarkdownEditor.vue b/src/components/editor/MarkdownEditor.vue
index 902d02e..ce9afd8 100644
--- a/src/components/editor/MarkdownEditor.vue
+++ b/src/components/editor/MarkdownEditor.vue
@@ -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>