avatar classnames
This commit is contained in:
parent
95aa6f78bb
commit
4d57cde8f0
@ -15,7 +15,7 @@ export const ProxyImg = (props: ProxyImgProps) => {
|
||||
|
||||
if (loadFailed) {
|
||||
if (bypass) {
|
||||
return <img {...props} width={props.size} height={props.size} />;
|
||||
return <img className={props.className} {...props} width={props.size} height={props.size} />;
|
||||
}
|
||||
return (
|
||||
<div
|
||||
@ -40,6 +40,7 @@ export const ProxyImg = (props: ProxyImgProps) => {
|
||||
src={props.src ? proxy(props.src, props.size) : ""}
|
||||
width={props.size}
|
||||
height={props.size}
|
||||
className={props.className}
|
||||
onError={e => {
|
||||
if (props.onError) {
|
||||
props.onError(e);
|
||||
|
@ -40,7 +40,7 @@ const Avatar = ({ pubkey, user, size, onClick, image, imageOverlay, icons, class
|
||||
className={classNames("avatar relative", { "with-overlay": imageOverlay }, className)}
|
||||
data-domain={domain?.toLowerCase()}
|
||||
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>}
|
||||
{imageOverlay && <div className="overlay">{imageOverlay}</div>}
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user