ColdBreeze/ColdBreeze-chat-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: tweak onlin status circle

Browse Source
This commit is contained in:
Tristan Yang
2023-03-24 09:34:31 +08:00
parent d51e8c1a88
commit ecfa3b8f24
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/component/User/index.tsx
+3 -3
View File
@@ -45,9 +45,9 @@ const User: FC<Props> = ({
const online = curr.online || curr.uid == loginUid; const online = curr.online || curr.uid == loginUid;
const containerClass = clsx(`relative flex items-center justify-start gap-2 rounded-lg select-none`, interactive && "md:hover:bg-gray-500/10", compact ? "p-0" : "p-2"); const containerClass = clsx(`relative flex items-center justify-start gap-2 rounded-lg select-none`, interactive && "md:hover:bg-gray-500/10", compact ? "p-0" : "p-2");
const nameClass = clsx(`text-sm text-gray-500 max-w-[190px] truncate font-semibold dark:text-white`); const nameClass = clsx(`text-sm text-gray-500 max-w-[190px] truncate font-semibold dark:text-white`);
const statusClass = clsx(`absolute -bottom-0.5 -right-1.5 w-3 h-3 box-content rounded-full border-[2px] border-solid border-white dark:border-gray-300`, const statusClass = clsx(`absolute -bottom-[2.5px] -right-[2.5px] border-content rounded-full border-[1px] border-solid border-white dark:border-gray-300`,
online ? "bg-green-500" : "bg-zinc-400", online ? "bg-green-500" : "bg-zinc-400",
compact && "w-3.5 h-3.5"); compact ? "w-[15px] h-[15px]" : "w-3 h-3");
if (!popover) if (!popover)
return ( return (
<ContextMenu <ContextMenu
@@ -79,7 +79,7 @@ const User: FC<Props> = ({
</span> </span>
)} )}
{owner && <IconOwner />} {owner && <IconOwner />}
{curr.is_bot && <IconBot className={clsx(compact && "absolute -top-1 -right-1", "!w-4 !h-4")} />} {curr.is_bot && <IconBot className={clsx(compact && "absolute -top-[2.5px] -right-[2.5px]", "!w-[15px] !h-[15px]")} />}
</div> </div>
</ContextMenu> </ContextMenu>
); );