Mirrors/plane
1
0
Fork 0
mirror of https://github.com/makeplane/plane.git synced 2026-02-24 04:00:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

[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
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">
{avatar_url && avatar_url.trim() !== "" ? (
<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
src={getFileURL(avatar_url)}
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 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]}
</span>
</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-2 gap-y-2 flex-1">
{isSuspended ? (
<div className="bg-layer-1 rounded-full p-0.5">
<SuspendedUserIcon className="h-4 w-4 text-placeholder" />
<div className="bg-layer-1 rounded-full">
<SuspendedUserIcon className="size-6 text-placeholder" />
</div>
) : avatar_url && avatar_url.trim() !== "" ? (
<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
src={getFileURL(avatar_url)}
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 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]}
</span>
</Link>