diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-04-19 17:39:54 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-04-19 17:39:54 +0900 |
| commit | 164c6505f2f4414e8e68694d2e4921dfd7ffff17 (patch) | |
| tree | acc65e3c697879c44e175ab8a8b1b54e95842908 /src/client/components/page | |
| parent | feat(aiscript): Better env vars (diff) | |
| download | sharkey-164c6505f2f4414e8e68694d2e4921dfd7ffff17.tar.gz sharkey-164c6505f2f4414e8e68694d2e4921dfd7ffff17.tar.bz2 sharkey-164c6505f2f4414e8e68694d2e4921dfd7ffff17.zip | |
enhance(client): Use icon instead of text
Diffstat (limited to 'src/client/components/page')
| -rw-r--r-- | src/client/components/page/page.post.vue | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/src/client/components/page/page.post.vue b/src/client/components/page/page.post.vue index 4a04ba5225..81269a4f14 100644 --- a/src/client/components/page/page.post.vue +++ b/src/client/components/page/page.post.vue @@ -1,12 +1,13 @@ <template> <div class="ngbfujlo"> <mk-textarea :value="text" readonly style="margin: 0;"></mk-textarea> - <mk-button class="button" primary @click="post()" :disabled="posting || posted">{{ posted ? $t('posted') : $t('post') }}</mk-button> + <mk-button class="button" primary @click="post()" :disabled="posting || posted"><fa v-if="posted" :icon="faCheck"/><fa v-else :icon="faPaperPlane"/></mk-button> </div> </template> <script lang="ts"> import Vue from 'vue'; +import { faCheck, faPaperPlane } from '@fortawesome/free-solid-svg-icons'; import i18n from '../../i18n'; import MkTextarea from '../ui/textarea.vue'; import MkButton from '../ui/button.vue'; @@ -31,6 +32,7 @@ export default Vue.extend({ text: this.script.interpolate(this.value.text), posted: false, posting: false, + faCheck, faPaperPlane }; }, watch: { |