From ef6648d77378a06c2f216a4efa99d3068c8ca83d Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Thu, 7 Nov 2024 22:54:38 +0900
Subject: [PATCH] :art:

---
 .../pages/page-editor/els/page-editor.el.note.vue    | 12 ++++++++++--
 .../src/pages/page-editor/page-editor.blocks.vue     |  5 +----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue
index 3924901efd..7af958f976 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.vue
@@ -20,8 +20,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 		</MkInput>
 		<MkSwitch v-model="props.modelValue.detailed"><span>{{ i18n.ts._pages.blocks._note.detailed }}</span></MkSwitch>
 
-		<MkNote v-if="note && !props.modelValue.detailed" :key="note.id + ':normal'" v-model:note="note" style="margin-bottom: 16px;"/>
-		<MkNoteDetailed v-if="note && props.modelValue.detailed" :key="note.id + ':detail'" v-model:note="note" style="margin-bottom: 16px;"/>
+		<MkNote v-if="note && !props.modelValue.detailed" :key="note.id + ':normal'" v-model:note="note" :class="$style.note"/>
+		<MkNoteDetailed v-if="note && props.modelValue.detailed" :key="note.id + ':detail'" v-model:note="note" :class="$style.note"/>
 	</section>
 </XContainer>
 </template>
@@ -70,3 +70,11 @@ watch(id, async () => {
 	immediate: true,
 });
 </script>
+
+<style module>
+.note {
+	border-radius: var(--MI-radius);
+	border: 1px solid var(--MI_THEME-divider);
+	margin-bottom: 16px;
+}
+</style>
diff --git a/packages/frontend/src/pages/page-editor/page-editor.blocks.vue b/packages/frontend/src/pages/page-editor/page-editor.blocks.vue
index 02971a6daa..aa2e218e07 100644
--- a/packages/frontend/src/pages/page-editor/page-editor.blocks.vue
+++ b/packages/frontend/src/pages/page-editor/page-editor.blocks.vue
@@ -23,7 +23,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 	</div>
 
 	<div v-for="block, index in modelValue" :key="block.id" :class="$style.item">
-		<!-- divが無いとエラーになる https://github.com/SortableJS/vue.draggable.next/issues/189 -->
 		<component
 			:is="getComponent(block.type)"
 			:modelValue="block"
@@ -249,7 +248,7 @@ function removeItem(v: Misskey.entities.PageBlock) {
 .insertBetweenRoot {
 	height: calc(var(--MI-margin) * 2);
 	width: 100%;
-	padding: 5px 0;
+	padding: 8px 0;
 	border-radius: 2px;
 	position: relative;
 
@@ -297,8 +296,6 @@ function removeItem(v: Misskey.entities.PageBlock) {
 }
 
 .insertBetweenDraggingOver {
-	padding: 10px 0;
-
 	.insertBetweenBorder {
 		display: block;
 	}