diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2018-11-06 01:40:11 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-11-06 01:40:11 +0900 |
| commit | 9f5dc2c0df0cdba1113697bdd71637a404444065 (patch) | |
| tree | a1d942cf6440f82244ef58ee7ff93103ff70f521 /src/client/app/mobile/views/components/post-form.vue | |
| parent | :art: (diff) | |
| download | misskey-9f5dc2c0df0cdba1113697bdd71637a404444065.tar.gz misskey-9f5dc2c0df0cdba1113697bdd71637a404444065.tar.bz2 misskey-9f5dc2c0df0cdba1113697bdd71637a404444065.zip | |
[WIP] Use FontAwesome Component for Vue (#3127)
* wip
* Rename
* Clean up
* Clean up
* wip
* wip
* Enable tree shaking
* :v:
* :v:
* wip
* wip
* Clean up
Diffstat (limited to 'src/client/app/mobile/views/components/post-form.vue')
| -rw-r--r-- | src/client/app/mobile/views/components/post-form.vue | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/src/client/app/mobile/views/components/post-form.vue b/src/client/app/mobile/views/components/post-form.vue index 0c783fded3..4a50ed982d 100644 --- a/src/client/app/mobile/views/components/post-form.vue +++ b/src/client/app/mobile/views/components/post-form.vue @@ -2,10 +2,10 @@ <div class="mk-post-form"> <div class="form"> <header> - <button class="cancel" @click="cancel">%fa:times%</button> + <button class="cancel" @click="cancel"><fa icon="times"/></button> <div> <span class="text-count" :class="{ over: trimmedLength(text) > this.maxNoteTextLength }">{{ this.maxNoteTextLength - trimmedLength(text) }}</span> - <span class="geo" v-if="geo">%fa:map-marker-alt%</span> + <span class="geo" v-if="geo"><fa icon="map-marker-alt"/></span> <button class="submit" :disabled="!canPost" @click="post">{{ submitText }}</button> </div> </header> @@ -28,18 +28,18 @@ <mk-poll-editor v-if="poll" ref="poll" @destroyed="poll = false"/> <mk-uploader ref="uploader" @uploaded="attachMedia" @change="onChangeUploadings"/> <footer> - <button class="upload" @click="chooseFile">%fa:upload%</button> - <button class="drive" @click="chooseFileFromDrive">%fa:cloud%</button> - <button class="kao" @click="kao">%fa:R smile%</button> - <button class="poll" @click="poll = true">%fa:chart-pie%</button> - <button class="poll" @click="useCw = !useCw">%fa:eye-slash%</button> - <button class="geo" @click="geo ? removeGeo() : setGeo()">%fa:map-marker-alt%</button> + <button class="upload" @click="chooseFile"><fa icon="upload"/></button> + <button class="drive" @click="chooseFileFromDrive"><fa icon="cloud"/></button> + <button class="kao" @click="kao"><fa :icon="['far', 'smile']"/></button> + <button class="poll" @click="poll = true"><fa icon="chart-pie"/></button> + <button class="poll" @click="useCw = !useCw"><fa icon="eye-slash"/></button> + <button class="geo" @click="geo ? removeGeo() : setGeo()"><fa icon="map-marker-alt"/></button> <button class="visibility" @click="setVisibility" ref="visibilityButton"> - <span v-if="visibility === 'public'">%fa:globe%</span> - <span v-if="visibility === 'home'">%fa:home%</span> - <span v-if="visibility === 'followers'">%fa:unlock%</span> - <span v-if="visibility === 'specified'">%fa:envelope%</span> - <span v-if="visibility === 'private'">%fa:lock%</span> + <span v-if="visibility === 'public'"><fa icon="globe"/></span> + <span v-if="visibility === 'home'"><fa icon="home"/></span> + <span v-if="visibility === 'followers'"><fa icon="unlock"/></span> + <span v-if="visibility === 'specified'"><fa icon="envelope"/></span> + <span v-if="visibility === 'private'"><fa icon="lock"/></span> </button> </footer> <input ref="file" class="file" type="file" multiple="multiple" @change="onChangeFile"/> |