monkee.ch/monkeeShark
1
0
Fork 0
Code Pull requests Activity

🎨

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/client/pages/announcements.vue
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;

6
src/client/pages/featured.vue
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">

6
src/client/pages/mentions.vue
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">

4
src/client/pages/messages.vue
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">

1
src/client/style.scss
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;