usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update MkNotifications.vue

This commit is contained in:
syuilo 2025-04-29 17:52:52 +09:00
parent 286492d5eb
commit 2acdc50997
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/frontend/src/components/MkNotifications.vue
View File

@ -33,6 +33,10 @@ SPDX-License-Identifier: AGPL-3.0-only
<XNotification v-else :class="$style.item" :notification="notification" :withTime="true" :full="true" :data-scroll-anchor="notification.id"/> <XNotification v-else :class="$style.item" :notification="notification" :withTime="true" :full="true" :data-scroll-anchor="notification.id"/>
</template> </template>
</component> </component>
<button v-show="paginator.canFetchMore.value" key="_more_" v-appear="prefer.s.enableInfiniteScroll ? paginator.fetchOlder : null" :disabled="paginator.moreFetching.value" class="_button" :class="$style.more" @click="paginator.fetchOlder">
<div v-if="!paginator.moreFetching.value">{{ i18n.ts.loadMore }}</div>
<MkLoading v-else/>
</button>
</div> </div>
</MkPullToRefresh> </MkPullToRefresh>
</template> </template>
@ -147,7 +151,16 @@ defineExpose({
background: var(--MI_THEME-panel); background: var(--MI_THEME-panel);
} }
.item { .item:not(:last-child) {
border-bottom: solid 0.5px var(--MI_THEME-divider); border-bottom: solid 0.5px var(--MI_THEME-divider);
} }
.more {
display: block;
width: 100%;
box-sizing: border-box;
padding: 16px;
background: var(--MI_THEME-panel);
border-top: solid 0.5px var(--MI_THEME-divider);
}
</style> </style>