mirror of
https://github.com/misskey-dev/misskey.git
synced 2024-12-28 01:30:23 +01:00
🎨
This commit is contained in:
parent
5c126d0703
commit
ef6648d773
2 changed files with 11 additions and 6 deletions
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue