SyntaxSquad/DAEProject_Frontend
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

forget and recover password functionalities

Browse Source
This commit is contained in:
Edd
2026-01-18 01:37:27 +00:00
parent 0fe0b444c2
commit 9c0dca8f13
11 changed files with 333 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/pages/profile/index.vue
+4 -5
View File
@@ -1,5 +1,5 @@
<template>
<title> Profile - {{user.name}}</title>
<title> Profile - {{ user.name }}</title>
<div class="min-h-screen bg-slate-50 font-sans text-slate-900 selection:bg-blue-100 pb-12">
<div class="container mx-auto max-w-7xl px-4 py-8 md:py-12">
@@ -13,11 +13,10 @@
<div
class="h-32 w-32 rounded-full border-4 border-white bg-slate-100 overflow-hidden shadow-md ring-1 ring-slate-200">
<img :src="user.avatarUrl" :alt="user.name"
class="h-full w-full object-cover transition-transform hover:scale-105" />
class="h-full w-full object-cover transition-transform hover:scale-105">
</div>
<div class="absolute bottom-2 right-2 h-5 w-5 rounded-full border-[3px] border-white shadow-sm"
:class="user.isActive ? 'bg-emerald-500' : 'bg-gray-400'" title="Online Status">
</div>
:class="user.isActive ? 'bg-emerald-500' : 'bg-gray-400'" title="Online Status" />
</div>
<h1 class="text-2xl font-bold text-slate-900 tracking-tight">{{ user.name }}</h1>
@@ -139,7 +138,7 @@
class="mt-4 pt-4 border-t border-slate-50 flex flex-wrap items-center gap-4 text-xs font-medium z-10 relative">
<span
class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-blue-50 text-blue-700 border border-blue-100">
<span class="w-1.5 h-1.5 rounded-full bg-blue-500"></span>
<span class="w-1.5 h-1.5 rounded-full bg-blue-500" />
{{ pub.field }}
</span>
<span class="inline-flex items-center gap-1.5 text-slate-500">