ByteSnap/channels-seerr
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix: resize avatar images

Browse Source
This commit is contained in:
gauthier-th
2024-06-23 11:48:22 +02:00
parent b5738b49d6
commit f3e180afb1
4 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/IssueList/IssueItem/index.tsx
View File

@@ -230,7 +230,8 @@ const IssueItem = ({ issue }: IssueItemProps) => {
src={issue.createdBy.avatar}
alt=""
className="avatar-sm ml-1.5 object-cover"
fill
width={20}
height={20}
/>
<span className="truncate text-sm font-semibold group-hover:text-white group-hover:underline">
{issue.createdBy.displayName}

6
src/components/RequestCard/index.tsx
View File

@@ -116,7 +116,8 @@ const RequestCardError = ({ requestData }: RequestCardErrorProps) => {
src={requestData.requestedBy.avatar}
alt=""
className="avatar-sm"
fill
width={20}
height={20}
/>
<span className="truncate group-hover:underline">
{requestData.requestedBy.displayName}
@@ -373,7 +374,8 @@ const RequestCard = ({ request, onTitleData }: RequestCardProps) => {
src={requestData.requestedBy.avatar}
alt=""
className="avatar-sm object-cover"
fill
width={20}
height={20}
/>
<span className="truncate font-semibold group-hover:text-white group-hover:underline">
{requestData.requestedBy.displayName}

12
src/components/RequestList/RequestItem/index.tsx
View File

@@ -189,7 +189,8 @@ const RequestItemError = ({
src={requestData.requestedBy.avatar}
alt=""
className="avatar-sm ml-1.5"
fill
width={20}
height={20}
/>
<span className="truncate text-sm group-hover:underline">
{requestData.requestedBy.displayName}
@@ -245,7 +246,8 @@ const RequestItemError = ({
src={requestData.modifiedBy.avatar}
alt=""
className="avatar-sm ml-1.5"
fill
width={20}
height={20}
/>
<span className="truncate text-sm group-hover:underline">
{requestData.modifiedBy.displayName}
@@ -539,7 +541,8 @@ const RequestItem = ({ request, revalidateList }: RequestItemProps) => {
src={requestData.requestedBy.avatar}
alt=""
className="avatar-sm ml-1.5 object-cover"
fill
width={20}
height={20}
/>
<span className="truncate text-sm font-semibold group-hover:text-white group-hover:underline">
{requestData.requestedBy.displayName}
@@ -595,7 +598,8 @@ const RequestItem = ({ request, revalidateList }: RequestItemProps) => {
src={requestData.modifiedBy.avatar}
alt=""
className="avatar-sm ml-1.5 object-cover"
fill
width={20}
height={20}
/>
<span className="truncate text-sm font-semibold group-hover:text-white group-hover:underline">
{requestData.modifiedBy.displayName}

2
src/styles/globals.css
View File

@@ -215,7 +215,7 @@
}
img.avatar-sm {
@apply mr-1 h-5 w-5 scale-100 transform-gpu rounded-full transition duration-300 group-hover:scale-105;
@apply mr-1 scale-100 transform-gpu rounded-full transition duration-300 group-hover:scale-105;
}
.card-field {