This commit is contained in:
syuilo 2021-10-25 00:13:54 +09:00
parent 000bee6327
commit 67bf6ff3ce
5 changed files with 16 additions and 11 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="_section"> <MkSpacer :content-max="800">
<MkPagination :pagination="pagination" #default="{items}" class="ruryvtyk _content"> <MkPagination :pagination="pagination" #default="{items}" class="ruryvtyk _content">
<section class="_card announcement _gap" v-for="(announcement, i) in items" :key="announcement.id"> <section class="_card announcement" v-for="(announcement, i) in items" :key="announcement.id">
<div class="_title"><span v-if="$i && !announcement.isRead">🆕 </span>{{ announcement.title }}</div> <div class="_title"><span v-if="$i && !announcement.isRead">🆕 </span>{{ announcement.title }}</div>
<div class="_content"> <div class="_content">
<Mfm :text="announcement.text"/> <Mfm :text="announcement.text"/>
@ -12,7 +12,7 @@
</div> </div>
</section> </section>
</MkPagination> </MkPagination>
</div> </MkSpacer>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -58,6 +58,10 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.ruryvtyk { .ruryvtyk {
> .announcement { > .announcement {
&:not(:last-child) {
margin-bottom: var(--margin);
}
> ._content { > ._content {
> img { > img {
display: block; display: block;

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="_section"> <MkSpacer :content-max="800">
<XNotes class="_content" ref="notes" :pagination="pagination" @before="before" @after="after"/> <XNotes ref="notes" :pagination="pagination" @before="before" @after="after"/>
</div> </MkSpacer>
</template> </template>
<script lang="ts"> <script lang="ts">

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="_section"> <MkSpacer :content-max="800">
<XNotes class="_content" :pagination="pagination" @before="before()" @after="after()"/> <XNotes :pagination="pagination" @before="before()" @after="after()"/>
</div> </MkSpacer>
</template> </template>
<script lang="ts"> <script lang="ts">

View File

@ -1,7 +1,7 @@
<template> <template>
<div> <MkSpacer :content-max="800">
<XNotes :pagination="pagination" @before="before()" @after="after()"/> <XNotes :pagination="pagination" @before="before()" @after="after()"/>
</div> </MkSpacer>
</template> </template>
<script lang="ts"> <script lang="ts">

View File

@ -348,6 +348,7 @@ hr {
contain: layout; // ふき出しがボックスから飛び出て表示されるようなデザインをする場合もあるので paint contain することができない contain: layout; // ふき出しがボックスから飛び出て表示されるようなデザインをする場合もあるので paint contain することができない
} }
// TODO: 廃止
._monolithic_ { ._monolithic_ {
._section:not(:empty) { ._section:not(:empty) {
box-sizing: border-box; box-sizing: border-box;