Anon/yandere_fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix being unable to set/reset background (and possibly avatar/banner)

Browse Source
This commit is contained in:
Henry Jameson 2022-03-28 15:01:34 +03:00
parent 805615d52b
commit f706234d77
1 changed files with 28 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/components/settings_modal/tabs/profile_tab.vue
View File

@ -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