mirror of
https://github.com/AustinKelsay/plebdevs.git
synced 2025-04-19 19:01:19 +00:00
fix profile pic stretching vertically, add spinner for loading contributions
This commit is contained in:
parent
d81f249757
commit
983b570316
@ -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">
|
||||
|
@ -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]">
|
||||
|
Loading…
x
Reference in New Issue
Block a user