binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-5873] fix: user avatar ui consistency (#8495)

Browse source 
* fix: user avatar ui consistency

* chore: code refactor
This commit is contained in:
Anmol Singh Bhatia 2026-02-13 19:04:57 +05:30 • committed by GitHub
parent 7e5b5066c5
commit e92b835869
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
apps/web/core/components/project/settings/member-columns.tsx
View file

@ -51,7 +51,7 @@ export function NameColumn(props: NameProps) {
<div className="flex items-center gap-x-2 gap-y-2 flex-1"> <div className="flex items-center gap-x-2 gap-y-2 flex-1">
{avatar_url && avatar_url.trim() !== "" ? ( {avatar_url && avatar_url.trim() !== "" ? (
<Link href={`/${workspaceSlug}/profile/${id}`}> <Link href={`/${workspaceSlug}/profile/${id}`}>
<span className="relative flex size-4 items-center justify-center rounded-full capitalize text-on-color"> <span className="relative flex size-6 items-center justify-center rounded-full capitalize text-on-color">
<img <img
src={getFileURL(avatar_url)} src={getFileURL(avatar_url)}
className="absolute left-0 top-0 h-full w-full rounded-full object-cover" className="absolute left-0 top-0 h-full w-full rounded-full object-cover"
@ -61,7 +61,7 @@ export function NameColumn(props: NameProps) {
</Link> </Link>
) : ( ) : (
<Link href={`/${workspaceSlug}/profile/${id}`}> <Link href={`/${workspaceSlug}/profile/${id}`}>
<span className="relative flex size-4 items-center justify-center rounded-full bg-gray-700 capitalize text-on-color text-11"> <span className="relative flex size-6 items-center justify-center rounded-full bg-layer-3 capitalize text-on-color text-11">
{(email ?? display_name ?? "?")[0]} {(email ?? display_name ?? "?")[0]}
</span> </span>
</Link> </Link>

8
apps/web/core/components/workspace/settings/member-columns.tsx
View file

@ -55,12 +55,12 @@ export function NameColumn(props: NameProps) {
<div className="flex items-center gap-x-4 gap-y-2 w-72 justify-between"> <div className="flex items-center gap-x-4 gap-y-2 w-72 justify-between">
<div className="flex items-center gap-x-2 gap-y-2 flex-1"> <div className="flex items-center gap-x-2 gap-y-2 flex-1">
{isSuspended ? ( {isSuspended ? (
<div className="bg-layer-1 rounded-full p-0.5"> <div className="bg-layer-1 rounded-full">
<SuspendedUserIcon className="h-4 w-4 text-placeholder" /> <SuspendedUserIcon className="size-6 text-placeholder" />
</div> </div>
) : avatar_url && avatar_url.trim() !== "" ? ( ) : avatar_url && avatar_url.trim() !== "" ? (
<Link href={`/${workspaceSlug}/profile/${id}`}> <Link href={`/${workspaceSlug}/profile/${id}`}>
<span className="relative flex h-6 w-6 items-center justify-center rounded-full capitalize text-on-color"> <span className="relative flex size-6 items-center justify-center rounded-full capitalize text-on-color">
<img <img
src={getFileURL(avatar_url)} src={getFileURL(avatar_url)}
className="absolute left-0 top-0 h-full w-full rounded-full object-cover" className="absolute left-0 top-0 h-full w-full rounded-full object-cover"
@ -70,7 +70,7 @@ export function NameColumn(props: NameProps) {
</Link> </Link>
) : ( ) : (
<Link href={`/${workspaceSlug}/profile/${id}`}> <Link href={`/${workspaceSlug}/profile/${id}`}>
<span className="relative flex h-4 w-4 text-11 items-center justify-center rounded-full capitalize text-tertiary bg-layer-3"> <span className="relative flex size-6 text-11 items-center justify-center rounded-full capitalize text-tertiary bg-layer-3">
{(email ?? display_name ?? "?")[0]} {(email ?? display_name ?? "?")[0]}
</span> </span>
</Link> </Link>