feat: Add user profile management page including personal info editing, avatar upload, and password change.
This commit is contained in:
parent
cf12ef965e
commit
70d2dfa4c7
4 changed files with 185 additions and 31 deletions
|
|
@ -44,8 +44,13 @@ const handleLogout = async () => {
|
|||
<template>
|
||||
<div class="q-pa-md">
|
||||
<q-btn round flat class="text-slate-700 dark:text-white">
|
||||
<q-avatar color="primary" text-color="white" size="40px" font-size="14px" class="font-bold shadow-md">
|
||||
{{ userInitials }}
|
||||
<q-avatar color="primary" text-color="white" size="40px" font-size="14px" class="font-bold shadow-md cursor-pointer">
|
||||
<img
|
||||
v-if="currentUser?.photoURL"
|
||||
:src="currentUser.photoURL"
|
||||
class="object-cover w-full h-full"
|
||||
/>
|
||||
<span v-else>{{ userInitials }}</span>
|
||||
</q-avatar>
|
||||
|
||||
<q-menu
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue