- 좁은 화면(댓글창 등)에서 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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user