Flaschengeist
/
flaschengeist-users
7
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

fix(ui): Improve readability on small devices

This commit is contained in:
Ferdinand Thiessen 2021-12-02 18:40:54 +01:00
parent 28224960a0
commit 45e0defe7e
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Widget.vue
View File

@ -5,7 +5,7 @@
<q-avatar> <q-avatar>
<q-img :src="avatar" style="min-height: 100%; min-width: 100%"> <q-img :src="avatar" style="min-height: 100%; min-width: 100%">
<template #error> <template #error>
<img src="no-image.svg" style="height: 100%"/> <img src="no-image.svg" style="height: 100%" />
</template> </template>
</q-img> </q-img>
</q-avatar> </q-avatar>

7
src/components/settings/MainUserSettings.vue
View File

@ -103,7 +103,10 @@
</q-file> </q-file>
</q-card-section> </q-card-section>
<q-separator v-if="!newUser" /> <q-separator v-if="!newUser" />
<q-card-section v-if="!newUser" class="fit row justify-start content-center items-center"> <q-card-section
v-if="!newUser"
class="fit row justify-start content-center items-center q-gutter-y-md"
>
<PasswordInput <PasswordInput
v-if="isCurrentUser" v-if="isCurrentUser"
v-model="password" v-model="password"
@ -236,7 +239,7 @@ export default defineComponent({
hasAvatar.value = true; hasAvatar.value = true;
} else if (deleteAvatar.value) { } else if (deleteAvatar.value) {
await userStore.deleteAvatar(changed); await userStore.deleteAvatar(changed);
hasAvatar.value = false hasAvatar.value = false;
} }
password.value = ''; password.value = '';
} }