diff --git a/src/components/account-info.css b/src/components/account-info.css index 0722deca..f28f507b 100644 --- a/src/components/account-info.css +++ b/src/components/account-info.css @@ -196,6 +196,8 @@ .account-container .account-metadata-box { overflow: hidden; border-radius: 16px; + display: block; + text-decoration: none; & > * { margin-bottom: 2px; @@ -308,6 +310,10 @@ --size: 8px; --original-color: var(--link-color); + &:is(:hover, :focus-within) { + background-color: var(--link-bg-hover-color); + } + .posting-stats-bar { height: var(--size); border-radius: var(--size); diff --git a/src/components/account-info.jsx b/src/components/account-info.jsx index df708925..7b77a2f7 100644 --- a/src/components/account-info.jsx +++ b/src/components/account-info.jsx @@ -648,58 +648,63 @@ function RelatedActions({ info, instance, authenticated, standalone }) { const [showAddRemoveLists, setShowAddRemoveLists] = useState(false); const hasPostingStats = postingStats?.total >= 3; + const accountLink = instance ? `/${instance}/a/${id}` : `/a/${id}`; return ( <> {hasPostingStats && ( -