diff options
Diffstat (limited to 'src/components/settings_modal/tabs')
| -rw-r--r-- | src/components/settings_modal/tabs/profile_tab.js | 8 | ||||
| -rw-r--r-- | src/components/settings_modal/tabs/profile_tab.vue | 12 | ||||
| -rw-r--r-- | src/components/settings_modal/tabs/theme_tab/preview.vue | 13 |
3 files changed, 26 insertions, 7 deletions
diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js index bd6bef6a..37e829bb 100644 --- a/src/components/settings_modal/tabs/profile_tab.js +++ b/src/components/settings_modal/tabs/profile_tab.js @@ -8,6 +8,14 @@ import EmojiInput from 'src/components/emoji_input/emoji_input.vue' import suggestor from 'src/components/emoji_input/suggestor.js' import Autosuggest from 'src/components/autosuggest/autosuggest.vue' import Checkbox from 'src/components/checkbox/checkbox.vue' +import { library } from '@fortawesome/fontawesome-svg-core' +import { + faTimes +} from '@fortawesome/free-solid-svg-icons' + +library.add( + faTimes +) const ProfileTab = { data () { diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue index cf88c4e4..df54551c 100644 --- a/src/components/settings_modal/tabs/profile_tab.vue +++ b/src/components/settings_modal/tabs/profile_tab.vue @@ -129,7 +129,7 @@ > <i v-show="newFields.length > 1" - class="icon-cancel" + icon="times" @click="deleteField(i)" /> </div> @@ -169,7 +169,7 @@ <i v-if="!isDefaultAvatar && pickAvatarBtnVisible" :title="$t('settings.reset_avatar')" - class="reset-button icon-cancel" + class="reset-button" icon="times" type="button" @click="resetAvatar" /> @@ -197,7 +197,7 @@ <i v-if="!isDefaultBanner" :title="$t('settings.reset_profile_banner')" - class="reset-button icon-cancel" + class="reset-button" icon="times" type="button" @click="resetBanner" /> @@ -231,7 +231,7 @@ > Error: {{ bannerUploadError }} <i - class="button-icon icon-cancel" + class="button-icon" icon="times" @click="clearUploadError('banner')" /> </div> @@ -243,7 +243,7 @@ <i v-if="!isDefaultBackground" :title="$t('settings.reset_profile_background')" - class="reset-button icon-cancel" + class="reset-button" icon="times" type="button" @click="resetBackground" /> @@ -277,7 +277,7 @@ > Error: {{ backgroundUploadError }} <i - class="button-icon icon-cancel" + class="button-icon" icon="times" @click="clearUploadError('background')" /> </div> diff --git a/src/components/settings_modal/tabs/theme_tab/preview.vue b/src/components/settings_modal/tabs/theme_tab/preview.vue index 9d984659..c8cb2665 100644 --- a/src/components/settings_modal/tabs/theme_tab/preview.vue +++ b/src/components/settings_modal/tabs/theme_tab/preview.vue @@ -53,7 +53,7 @@ /> <i style="color: var(--cRed)" - class="button-icon icon-cancel" + class="button-icon" icon="times" /> </div> </div> @@ -103,6 +103,17 @@ </div> </template> +<script> +import { library } from '@fortawesome/fontawesome-svg-core' +import { + faTimes +} from '@fortawesome/free-solid-svg-icons' + +library.add( + faTimes +) +</script> + <style lang="scss"> .preview-container { position: relative; |