hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

considerably improve styling of upload modal on mobile

Browse source
This commit is contained in:
Henry Jameson 2025-08-07 15:40:25 +03:00
commit f2783260f1
2 changed files with 34 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/user_card/user_card.vue
View file

@ -455,8 +455,7 @@
>
<template #default="inputProps">
<input
v-model="newFields[i].name"
:placeholder="$t('settings.profile_fields.name')"
v-model="newFields[i].name" :placeholder="$t('settings.profile_fields.name')"
v-bind="propsToNative(inputProps)"
class="input"
>
@ -653,7 +652,13 @@
<template #header>
{{ editImage === 'avatar' ? $t('settings.change_avatar') : $t('settings.change_banner') }}
</template>
<div class="image-container">
<p>
{{ editImage === 'avatar' ? $t('settings.avatar_size_instruction') : $t('settings.banner_size_instruction' ) }}
</p>
<div
class="image-container"
:class="{ '-banner': editImage === 'banner' }"
>
<image-cropper
ref="cropper"
class="cropper"
@ -669,9 +674,6 @@
>
{{ $t('settings.upload_picture') }}
</button>
<p class="visibility-notice">
{{ editImage === 'avatar' ? $t('settings.avatar_size_instruction') : $t('settings.banner_size_instruction' ) }}
</p>
<template #footer>
<button
class="button-default btn"