This commit is contained in:
kakkokari-gtyih 2024-11-07 22:54:38 +09:00
parent 5c126d0703
commit ef6648d773
2 changed files with 11 additions and 6 deletions

View file

@ -20,8 +20,8 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkInput> </MkInput>
<MkSwitch v-model="props.modelValue.detailed"><span>{{ i18n.ts._pages.blocks._note.detailed }}</span></MkSwitch> <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;"/> <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" style="margin-bottom: 16px;"/> <MkNoteDetailed v-if="note && props.modelValue.detailed" :key="note.id + ':detail'" v-model:note="note" :class="$style.note"/>
</section> </section>
</XContainer> </XContainer>
</template> </template>
@ -70,3 +70,11 @@ watch(id, async () => {
immediate: true, immediate: true,
}); });
</script> </script>
<style module>
.note {
border-radius: var(--MI-radius);
border: 1px solid var(--MI_THEME-divider);
margin-bottom: 16px;
}
</style>

View file

@ -23,7 +23,6 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<div v-for="block, index in modelValue" :key="block.id" :class="$style.item"> <div v-for="block, index in modelValue" :key="block.id" :class="$style.item">
<!-- divが無いとエラーになる https://github.com/SortableJS/vue.draggable.next/issues/189 -->
<component <component
:is="getComponent(block.type)" :is="getComponent(block.type)"
:modelValue="block" :modelValue="block"
@ -249,7 +248,7 @@ function removeItem(v: Misskey.entities.PageBlock) {
.insertBetweenRoot { .insertBetweenRoot {
height: calc(var(--MI-margin) * 2); height: calc(var(--MI-margin) * 2);
width: 100%; width: 100%;
padding: 5px 0; padding: 8px 0;
border-radius: 2px; border-radius: 2px;
position: relative; position: relative;
@ -297,8 +296,6 @@ function removeItem(v: Misskey.entities.PageBlock) {
} }
.insertBetweenDraggingOver { .insertBetweenDraggingOver {
padding: 10px 0;
.insertBetweenBorder { .insertBetweenBorder {
display: block; display: block;
} }