|
|
@@ -481,12 +481,6 @@ onMounted(() => {
|
|
|
<i class="pi pi-image text-4xl" />
|
|
|
<span class="text-sm">No photo</span>
|
|
|
</div>
|
|
|
- <!-- Edit button -->
|
|
|
- <button v-if="!isEditing" type="button"
|
|
|
- class="absolute top-3 right-3 flex h-9 w-9 items-center justify-center rounded-full bg-white/90 backdrop-blur-sm text-slate-600 hover:bg-white hover:text-slate-900 transition-all shadow-lg hover:shadow-xl"
|
|
|
- @click="showMaintenanceDialog = true" title="Edit profile">
|
|
|
- <i class="pi pi-pencil text-xs" />
|
|
|
- </button>
|
|
|
</div>
|
|
|
<p class="text-xs uppercase tracking-[0.4em] text-slate-400">
|
|
|
{{ qrCode }}
|
|
|
@@ -587,6 +581,15 @@ onMounted(() => {
|
|
|
{{ isPerson ? (profile?.specialNote || 'No extra details') : (profile?.remark || 'No extra details') }}
|
|
|
</p>
|
|
|
</div>
|
|
|
+ <!-- Edit button -->
|
|
|
+ <div v-if="!isEditing" class="pt-4">
|
|
|
+ <button type="button"
|
|
|
+ class="w-full flex items-center justify-center gap-2 rounded-xl border border-slate-300 bg-white px-5 py-2.5 text-sm font-medium text-slate-700 transition-all duration-200 hover:border-slate-400 hover:bg-slate-50 hover:shadow-md"
|
|
|
+ @click="showMaintenanceDialog = true">
|
|
|
+ <i class="pi pi-pencil text-xs" />
|
|
|
+ EDIT INFORMAION
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
