npease/ChatMaps
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

Fix Profile Picture Display #81

Merged
LAX18 merged 2 commits from npease-pfp-polish into main 2024-04-18 09:41:42 -09:00
Conversation 2 Commits 2 Files Changed 3
+13 -10
3 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend-next/src/app/user/page.js
+1 -2
View File
@@ -127,8 +127,7 @@ function UserProfile() {
<div>
<img
src={profileData.pfp}
style={{maxWidth: "350px", maxHeight: "450px"}}
className="relative mx-auto rounded-2xl overflow-hidden"
className="relative mx-auto rounded-2xl overflow-hidden w-[90%]"
/>
<div className="font-bold text-[30px] flex justify-center items-center">
{profileData.lastOnline == true && <CircleIcon className="text-lime-600 mr-3"/>}{profileData.firstName} {profileData.lastName}
frontend-next/src/components/app/friends/dm.js
+6 -4
View File
@@ -44,10 +44,12 @@ export function DM({user,friendObj}) {
</div>
<div className='col-span-3 cursor-pointer'>
<div onClick={() => {openDM(user,friendObj.uid)}}>
<div className='inline-block mr-8'><img src={friendObj.pfp} className='w-[38px] h-[50px]'/></div>
<div className='inline-block relative top-[-6px]'>
<div className="font-bold">{friendObj.firstName} {friendObj.lastName}</div>
<div className="">@{friendObj.username}</div>
<div className='grid grid-cols-2 justify-items-center'>
<div className='mr-8'><img src={friendObj.pfp} className= 'w-[50px] h-[50px]'/></div>
<div className=''>
<div className="font-bold">{friendObj.lastOnline == true && <CircleIcon className="text-lime-600 mr-1 relative top-[-2px]" fontSize="20px"/>}{friendObj.firstName} {friendObj.lastName}</div>
<div className="">@{friendObj.username}</div>
</div>
</div>
</div>
</div>
frontend-next/src/components/app/friends/friends.js
+6 -4
View File
@@ -40,10 +40,12 @@ export function Friend({user,friendObj}) {
</div>
<div className='col-span-3 cursor-pointer'>
<Link href={`/user?uid=${friendObj.uid}`}>
<div className='inline-block mr-8'><img src={friendObj.pfp} className= 'w-[38px] h-[50px]'/></div>
<div className='inline-block relative top-[-6px]'>
<div className="font-bold">{friendObj.lastOnline == true && <CircleIcon className="text-lime-600 mr-1 relative top-[-2px]" fontSize="20px"/>}{friendObj.firstName} {friendObj.lastName}</div>
<div className="">@{friendObj.username}</div>
<div className='grid grid-cols-2 justify-items-center'>
<div className='mr-8'><img src={friendObj.pfp} className= 'w-[50px] h-[50px]'/></div>
<div className=''>
<div className="font-bold">{friendObj.lastOnline == true && <CircleIcon className="text-lime-600 mr-1 relative top-[-2px]" fontSize="20px"/>}{friendObj.firstName} {friendObj.lastName}</div>
<div className="">@{friendObj.username}</div>
</div>
</div>
</Link>
</div>