sim1222/misskey
1
0
Fork 0
mirror of https://github.com/sim1222/misskey.git synced 2025-08-07 17:23:54 +09:00
Code Issues Projects Releases Wiki Activity

🎨

Browse Source
This commit is contained in:
syuilo
2020-02-12 02:52:37 +09:00
parent 7493429b4d
commit 320b3d8617
3 changed files with 38 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/client/components/ui/pagination.vue
View File

@ -5,9 +5,9 @@
<slot name="empty"></slot>
</div>
<div class="more" v-if="more" key="_more_">
<mk-button :disabled="moreFetching" :style="{ cursor: moreFetching ? 'wait' : 'pointer' }" @click="fetchMore()">
<mk-button class="button" :disabled="moreFetching" :style="{ cursor: moreFetching ? 'wait' : 'pointer' }" @click="fetchMore()" primary>
<template v-if="!moreFetching">{{ $t('loadMore') }}</template>
<template v-if="moreFetching"><fa :icon="faSpinner" pulse fixed-width/></template>
<template v-if="moreFetching"><mk-loading inline/></template>
</mk-button>
</div>
</sequential-entrance>
@ -15,7 +15,6 @@
<script lang="ts">
import Vue from 'vue';
import { faSpinner } from '@fortawesome/free-solid-svg-icons';
import MkButton from './button.vue';
import paging from '../../scripts/paging';
@ -37,12 +36,6 @@ export default Vue.extend({
default: true
}
},
data() {
return {
faSpinner
};
},
});
</script>
@ -55,5 +48,12 @@ export default Vue.extend({
margin-bottom: 8px;
}
}
> .more > .button {
margin-left: auto;
margin-right: auto;
height: 48px;
min-width: 150px;
}
}
</style>