Kieran/snort
5
14
Fork 14
Code Issues 37 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

avatar classnames

Browse Source
This commit is contained in:
Martti Malmi 2023-11-28 14:34:13 +02:00
parent 95aa6f78bb
commit 4d57cde8f0
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/app/src/Element/ProxyImg.tsx
View File

@ -15,7 +15,7 @@ export const ProxyImg = (props: ProxyImgProps) => {
if (loadFailed) { if (loadFailed) {
if (bypass) { if (bypass) {
return <img {...props} width={props.size} height={props.size} />; return <img className={props.className} {...props} width={props.size} height={props.size} />;
} }
return ( return (
<div <div
@ -40,6 +40,7 @@ export const ProxyImg = (props: ProxyImgProps) => {
src={props.src ? proxy(props.src, props.size) : ""} src={props.src ? proxy(props.src, props.size) : ""}
width={props.size} width={props.size}
height={props.size} height={props.size}
className={props.className}
onError={e => { onError={e => {
if (props.onError) { if (props.onError) {
props.onError(e); props.onError(e);

2
packages/app/src/Element/User/Avatar.tsx
View File

@ -40,7 +40,7 @@ const Avatar = ({ pubkey, user, size, onClick, image, imageOverlay, icons, class
className={classNames("avatar relative", { "with-overlay": imageOverlay }, className)} className={classNames("avatar relative", { "with-overlay": imageOverlay }, className)}
data-domain={domain?.toLowerCase()} data-domain={domain?.toLowerCase()}
title={getDisplayName(user, "")}> title={getDisplayName(user, "")}>
<ProxyImg className="rounded-full" src={url} size={s} alt={getDisplayName(user, "")} /> <ProxyImg className="rounded-full object-cover aspect-square" src={url} size={s} alt={getDisplayName(user, "")} />
{icons && <div className="icons">{icons}</div>} {icons && <div className="icons">{icons}</div>}
{imageOverlay && <div className="overlay">{imageOverlay}</div>} {imageOverlay && <div className="overlay">{imageOverlay}</div>}
</div> </div>