diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-03-21 12:32:40 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-03-21 12:32:40 +0900 |
| commit | f1fc12d9cc779fe2a2ec9e072912bc197d5e23b1 (patch) | |
| tree | 48fbd64d6e143cf0d51f1f81aa3a1d3fbf87590b /src/client/components/notes.vue | |
| parent | wip (diff) | |
| download | sharkey-f1fc12d9cc779fe2a2ec9e072912bc197d5e23b1.tar.gz sharkey-f1fc12d9cc779fe2a2ec9e072912bc197d5e23b1.tar.bz2 sharkey-f1fc12d9cc779fe2a2ec9e072912bc197d5e23b1.zip | |
wip
Diffstat (limited to 'src/client/components/notes.vue')
| -rw-r--r-- | src/client/components/notes.vue | 19 |
1 files changed, 6 insertions, 13 deletions
diff --git a/src/client/components/notes.vue b/src/client/components/notes.vue index deb682d586..bc2ae8472c 100644 --- a/src/client/components/notes.vue +++ b/src/client/components/notes.vue @@ -7,22 +7,22 @@ <mk-error v-if="error" @retry="init()"/> - <div class="more" v-if="more && reversed" style="margin-bottom: var(--margin);"> - <div class="button _textButton" :disabled="moreFetching" :style="{ cursor: moreFetching ? 'wait' : 'pointer' }" @click="fetchMore()" primary> + <div v-if="more && reversed" style="margin-bottom: var(--margin);"> + <button class="_panel _button" :disabled="moreFetching" :style="{ cursor: moreFetching ? 'wait' : 'pointer' }" @click="fetchMore()"> <template v-if="!moreFetching">{{ $t('loadMore') }}</template> <template v-if="moreFetching"><mk-loading inline/></template> - </div> + </button> </div> <x-list ref="notes" class="notes" :items="notes" v-slot="{ item: note }" :direction="reversed ? 'up' : 'down'" :reversed="reversed"> <x-note :note="note" :detail="detail" :key="note._featuredId_ || note._prId_ || note.id"/> </x-list> - <div class="more" v-if="more && !reversed" style="margin-top: var(--margin);"> - <div class="button _textButton" :disabled="moreFetching" :style="{ cursor: moreFetching ? 'wait' : 'pointer' }" @click="fetchMore()" primary> + <div v-if="more && !reversed" style="margin-top: var(--margin);"> + <button class="_panel _button" :disabled="moreFetching" :style="{ cursor: moreFetching ? 'wait' : 'pointer' }" @click="fetchMore()"> <template v-if="!moreFetching">{{ $t('loadMore') }}</template> <template v-if="moreFetching"><mk-loading inline/></template> - </div> + </button> </div> </div> </template> @@ -116,12 +116,5 @@ export default Vue.extend({ } } } - - > .more > .button { - display: flex; - align-items: center; - justify-content: center; - height: 48px; - } } </style> |