vantablackTea/Messenger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

feat: webcore/old-web visual redesign
CI / Go (build + vet + test) (push) Canceled after 0s
Details
CI / Web (build + lint) (push) Canceled after 0s
Details

Browse Source
This commit is contained in:
vantablackTea
2026-09-28 13:02:58 +03:00
parent 5e30761742
commit 61183d3f89
17 changed files with 861 additions and 609 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/Avatar.tsx
+5 -6
View File
@@ -23,16 +23,15 @@ export default function Avatar({ name, seed, size = 'md', online = false, classN
return (
<span className={`relative inline-flex shrink-0 ${className}`}>
<span
className={`inline-flex items-center justify-center rounded-full font-semibold text-white/95 shadow-inner ring-1 ring-white/10 ${SIZE_CLASSES[size]}`}
style={{ backgroundImage: `linear-gradient(145deg, ${background}, color-mix(in srgb, ${background} 62%, #000))` }}
className={`bevel pixelated inline-flex items-center justify-center font-bold text-white ${SIZE_CLASSES[size]}`}
style={{ backgroundColor: background, textShadow: '1px 1px 0 rgba(0,0,0,0.6)' }}
aria-hidden="true"
>
{initials({ display_name: name, username: name })}
</span>
{online && (
<span
className="absolute -right-0.5 -bottom-0.5 rounded-full border-2 border-panel bg-online"
style={{ width: '30%', height: '30%', minWidth: 9, minHeight: 9 }}
className="blink absolute -right-1 -bottom-1 h-3 w-3 border border-black bg-online"
aria-hidden="true"
/>
)}
@@ -52,8 +51,8 @@ export function GroupAvatar({ name, seed, size = 'md', className = '' }: GroupAv
return (
<span className={`relative inline-flex shrink-0 ${className}`}>
<span
className={`inline-flex items-center justify-center rounded-full text-white/95 shadow-inner ring-1 ring-white/10 ${SIZE_CLASSES[size]}`}
style={{ backgroundImage: `linear-gradient(145deg, ${background}, color-mix(in srgb, ${background} 62%, #000))` }}
className={`bevel pixelated inline-flex items-center justify-center text-white ${SIZE_CLASSES[size]}`}
style={{ backgroundColor: background, textShadow: '1px 1px 0 rgba(0,0,0,0.6)' }}
aria-hidden="true"
title={name}
>