thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

fix: gray background on png image (#1856)

Browse Source
This commit is contained in:
Dakshesh Jain 2023-08-14 16:23:10 +05:30 committed by GitHub
parent 5e76e03a55
commit 8ccc1b3fcc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/members.tsx
View File

@ -194,19 +194,23 @@ const MembersSettings: NextPage = () => {
? members.map((member) => ( ? members.map((member) => (
<div key={member.id} className="flex items-center justify-between py-6"> <div key={member.id} className="flex items-center justify-between py-6">
<div className="flex items-center gap-x-6 gap-y-2"> <div className="flex items-center gap-x-6 gap-y-2">
<div className="relative flex h-10 w-10 items-center justify-center rounded-lg bg-gray-700 p-4 capitalize text-white"> {member.avatar && member.avatar !== "" ? (
{member.avatar && member.avatar !== "" ? ( <div className="relative flex h-10 w-10 items-center justify-center rounded-lg p-4 capitalize text-white">
<img <img
src={member.avatar} src={member.avatar}
alt={member.display_name} alt={member.display_name}
className="absolute top-0 left-0 h-full w-full object-cover rounded-lg" className="absolute top-0 left-0 h-full w-full object-cover rounded-lg"
/> />
) : member.display_name || member.email ? ( </div>
(member.display_name || member.email)?.charAt(0) ) : member.display_name || member.email ? (
) : ( <div className="relative flex h-10 w-10 items-center justify-center rounded-lg bg-gray-700 p-4 capitalize text-white">
"?" {(member.display_name || member.email)?.charAt(0)}
)} </div>
</div> ) : (
<div className="relative flex h-10 w-10 items-center justify-center rounded-lg bg-gray-700 p-4 capitalize text-white">
?
</div>
)}
<div> <div>
{member.member ? ( {member.member ? (
<Link href={`/${workspaceSlug}/profile/${member.memberId}`}> <Link href={`/${workspaceSlug}/profile/${member.memberId}`}>

20
apps/app/pages/[workspaceSlug]/settings/members.tsx
View File

@ -207,19 +207,23 @@ const MembersSettings: NextPage = () => {
? members.map((member) => ( ? members.map((member) => (
<div key={member.id} className="flex items-center justify-between py-6"> <div key={member.id} className="flex items-center justify-between py-6">
<div className="flex items-center gap-x-8 gap-y-2"> <div className="flex items-center gap-x-8 gap-y-2">
<div className="relative flex h-10 w-10 items-center justify-center rounded-lg bg-gray-700 p-4 capitalize text-white"> {member.avatar && member.avatar !== "" ? (
{member.avatar && member.avatar !== "" ? ( <div className="relative flex h-10 w-10 items-center justify-center rounded-lg p-4 capitalize text-white">
<img <img
src={member.avatar} src={member.avatar}
className="absolute top-0 left-0 h-full w-full object-cover rounded-lg" className="absolute top-0 left-0 h-full w-full object-cover rounded-lg"
alt={member.display_name || member.email} alt={member.display_name || member.email}
/> />
) : member.display_name || member.email ? ( </div>
(member.display_name || member.email)?.charAt(0) ) : member.display_name || member.email ? (
) : ( <div className="relative flex h-10 w-10 items-center justify-center rounded-lg p-4 capitalize bg-gray-700 text-white">
"?" {(member.display_name || member.email)?.charAt(0)}
)} </div>
</div> ) : (
<div className="relative flex h-10 w-10 items-center justify-center rounded-lg p-4 capitalize bg-gray-700 text-white">
?
</div>
)}
<div> <div>
{member.member ? ( {member.member ? (
<Link href={`/${workspaceSlug}/profile/${member.memberId}`}> <Link href={`/${workspaceSlug}/profile/${member.memberId}`}>