diff options
| author | Henry Jameson <me@hjkos.com> | 2022-03-28 15:01:34 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-03-28 15:01:34 +0300 |
| commit | f706234d77f0924dac3b8270c1acb73edd387f2e (patch) | |
| tree | 8f056f7bc536597d72c2af7166c2ed7440ea82c7 | |
| parent | 805615d52befc413693c5a80d69e2f901d106076 (diff) | |
fix being unable to set/reset background (and possibly avatar/banner)
| -rw-r--r-- | src/components/settings_modal/tabs/profile_tab.vue | 45 |
1 files changed, 28 insertions, 17 deletions
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue index e00f6e5b..b78581bd 100644 --- a/src/components/settings_modal/tabs/profile_tab.vue +++ b/src/components/settings_modal/tabs/profile_tab.vue @@ -68,8 +68,9 @@ class="delete-field button-unstyled -hover-highlight" @click="deleteField(i)" > + <!-- TODO something is wrong with v-show here --> <FAIcon - v-show="newFields.length > 1" + v-if="newFields.length > 1" icon="times" /> </button> @@ -106,14 +107,17 @@ :src="user.profile_image_url_original" class="current-avatar" > - <FAIcon + <button v-if="!isDefaultAvatar && pickAvatarBtnVisible" :title="$t('settings.reset_avatar')" - class="reset-button" - icon="times" - type="button" @click="resetAvatar" - /> + > + <FAIcon + class="reset-button" + icon="times" + type="button" + /> + </button> </div> <p>{{ $t('settings.set_new_avatar') }}</p> <button @@ -135,14 +139,17 @@ <h2>{{ $t('settings.profile_banner') }}</h2> <div class="banner-background-preview"> <img :src="user.cover_photo"> - <FAIcon + <button v-if="!isDefaultBanner" :title="$t('settings.reset_profile_banner')" - class="reset-button" - icon="times" - type="button" @click="resetBanner" - /> + > + <FAIcon + class="reset-button" + icon="times" + type="button" + /> + </button> </div> <p>{{ $t('settings.set_new_profile_banner') }}</p> <img @@ -174,14 +181,18 @@ <h2>{{ $t('settings.profile_background') }}</h2> <div class="banner-background-preview"> <img :src="user.background_image"> - <FAIcon + <button v-if="!isDefaultBackground" - :title="$t('settings.reset_profile_background')" - class="reset-button" - icon="times" - type="button" + class="button-unstyled" @click="resetBackground" - /> + :title="$t('settings.reset_profile_background')" + > + <FAIcon + class="reset-button" + icon="times" + type="button" + /> + </button> </div> <p>{{ $t('settings.set_new_profile_background') }}</p> <img |