fix profile pic stretching vertically, add spinner for loading contributions

This commit is contained in:
austinkelsay 2025-02-08 15:15:52 -06:00
parent d81f249757
commit 983b570316
2 changed files with 8 additions and 3 deletions

View File

@ -250,7 +250,12 @@ const CombinedContributionChart = ({ session }) => {
</div>
<div className={`${getScaleClass(windowWidth)}`}>
<div className="min-w-[910px] p-4">
{(isLoading || isFetching) && <h4 className="text-base font-semibold text-gray-200 mb-3">Loading contribution data... ({totalContributions} total contributions / activities fetched)</h4>}
{(isLoading || isFetching) && (
<h4 className="text-base font-semibold text-gray-200 mb-3 flex items-center gap-2">
Loading contribution data... ({totalContributions} total contributions / activities fetched)
<i className="pi pi-spinner animate-spin" />
</h4>
)}
{!isLoading && !isFetching &&
<div className="flex justify-between items-center mb-3">
<h4 className="text-base font-semibold text-gray-200">

View File

@ -67,7 +67,7 @@ const UserProfileCard = ({ user }) => {
src={returnImageProxy(user.avatar, user?.pubkey || "")}
width={100}
height={100}
className="rounded-full m-2 mt-0"
className="rounded-full m-2 mt-0 object-cover"
/>
<h3 className="text-center">
{user.username || user?.name || user?.email || "Anon"}
@ -153,7 +153,7 @@ const UserProfileCard = ({ user }) => {
src={returnImageProxy(user.avatar, user?.pubkey || "")}
width={100}
height={100}
className="rounded-full my-4"
className="rounded-full my-4 object-cover max-w-[100px] max-h-[100px]"
/>
<div className="flex flex-col gap-2 pt-4 w-fit relative">
<div className="absolute top-[-1px] right-[-18px]">