From cba66c921e3396beb298a17d9e8cb1eda508b84c Mon Sep 17 00:00:00 2001
From: かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Thu, 23 Nov 2023 20:37:41 +0900
Subject: fix(frontend): コードエディタが正しく表示されない問題を修正 (#12418)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* (fix) コードエディタが正しく表示されない問題を修正

* Update Changelog
---
 packages/frontend/src/components/MkCodeEditor.vue | 6 ++++++
 1 file changed, 6 insertions(+)

(limited to 'packages/frontend/src/components/MkCodeEditor.vue')

diff --git a/packages/frontend/src/components/MkCodeEditor.vue b/packages/frontend/src/components/MkCodeEditor.vue
index 2d56a61963..03788af21e 100644
--- a/packages/frontend/src/components/MkCodeEditor.vue
+++ b/packages/frontend/src/components/MkCodeEditor.vue
@@ -139,6 +139,10 @@ watch(v, () => {
 	height: 100%;
 }
 
+.textarea, .codeEditorHighlighter {
+	margin: 0;
+}
+
 .textarea {
 	position: absolute;
 	top: 0;
@@ -154,6 +158,8 @@ watch(v, () => {
 	background-color: transparent;
 	border: 0;
 	outline: 0;
+	min-width: calc(100% - 24px);
+	height: calc(100% - 24px);
 	padding: 12px;
 	line-height: 1.5em;
 	font-size: 1em;
-- 
cgit v1.2.3-freya