Update MkTimeline.vue

This commit is contained in:
syuilo 2025-04-29 15:35:12 +09:00
parent 072d34a32e
commit c8cc7305b4
1 changed files with 10 additions and 7 deletions

View File

@ -40,12 +40,10 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkNote v-else :class="$style.note" :note="note" :withHardMute="true" :data-scroll-anchor="note.id"/> <MkNote v-else :class="$style.note" :note="note" :withHardMute="true" :data-scroll-anchor="note.id"/>
</template> </template>
</component> </component>
<div v-show="paginator.canFetchMore.value" key="_more_"> <button v-show="paginator.canFetchMore.value" key="_more_" v-appear="prefer.s.enableInfiniteScroll ? paginator.fetchMore : null" :disabled="paginator.moreFetching.value" class="_button" :class="$style.more" @click="paginator.fetchMore">
<MkButton v-if="!paginator.moreFetching.value" v-appear="prefer.s.enableInfiniteScroll ? paginator.fetchMore : null" :class="$style.more" :wait="paginator.moreFetching.value" primary rounded @click="paginator.fetchMore"> <div v-if="!paginator.moreFetching.value">{{ i18n.ts.loadMore }}</div>
{{ i18n.ts.loadMore }}
</MkButton>
<MkLoading v-else/> <MkLoading v-else/>
</div> </button>
</div> </div>
</MkPullToRefresh> </MkPullToRefresh>
</template> </template>
@ -373,7 +371,7 @@ defineExpose({
&.noGap { &.noGap {
background: var(--MI_THEME-panel); background: var(--MI_THEME-panel);
.note { .note:not(:last-child) {
border-bottom: solid 0.5px var(--MI_THEME-divider); border-bottom: solid 0.5px var(--MI_THEME-divider);
} }
@ -422,6 +420,11 @@ defineExpose({
} }
.more { .more {
margin: 16px auto; 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>