usbharu
/
misskey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

(fix) recent pages design

This commit is contained in:
kakkokari-gtyih 2023-09-09 19:43:37 +09:00
parent 05b6f8aa3c
commit fda1cc985f
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/frontend/src/pages/page.vue
View File

@ -62,8 +62,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkContainer :max-height="300" :foldable="true" class="other">
<template #icon><i class="ti ti-clock"></i></template>
<template #header>{{ i18n.ts.recentPosts }}</template>
<MkPagination v-slot="{items}" :pagination="otherPostsPagination">
<MkPagePreview v-for="page in items" :key="page.id" :page="page" class="_margin"/>
<MkPagination v-slot="{items}" :pagination="otherPostsPagination" :class="$style.relatedPagesRoot" class="_gaps">
<MkPagePreview v-for="page in items" :key="page.id" :page="page" :class="$style.relatedPagesItem"/>
</MkPagination>
</MkContainer>
</div>
@ -289,3 +289,13 @@ definePageMetadata(computed(() => page ? {
}
}
</style>
<style module>
.relatedPagesRoot {
padding: var(--margin);
}
.relatedPagesItem > article {
background-color: var(--panelHighlight) !important;
}
</style>