diff options
Diffstat (limited to 'src/client/components/ui')
| -rw-r--r-- | src/client/components/ui/pagination.vue | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/src/client/components/ui/pagination.vue b/src/client/components/ui/pagination.vue index d953824e00..7f04b35de1 100644 --- a/src/client/components/ui/pagination.vue +++ b/src/client/components/ui/pagination.vue @@ -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> |