Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-09-04 13:35:36 +05:00
Code Issues Projects Releases Packages Activity

anix/style: change user card in search

Browse source
This commit is contained in:
Kentai Radiquum 2025-08-24 23:39:48 +05:00
parent 052e649012
commit b93aeeed04
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
1 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
app/components/UserSection/UserSection.tsx
View file

@ -12,20 +12,19 @@ export const UserSection = (props: { sectionTitle?: string; content: any }) => {
</div>
)}
<div className="m-4">
<div className="flex flex-wrap gap-4">
<div className="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
{props.content.map((user) => {
return (
<Link href={`/profile/${user.id}`} key={user.id} className="w-full max-w-[234px] h-full max-h-[234px] aspect-square flex-shrink-0">
<Card className="items-center justify-center w-full h-full">
<Avatar img={user.avatar} alt={user.login || ""} size="lg" rounded={true} />
<h5 className="mb-1 text-xl font-medium text-gray-900 dark:text-white">
{user.login}
</h5>
<Link href={`/profile/${user.id}`} key={user.id}>
<Card>
<div className="flex items-center gap-4">
<Avatar img={user.avatar} alt="" size="lg" rounded={true} />
<p className="text-xl font-medium text-gray-900 dark:text-white">{user.login}</p>
</div>
</Card>
</Link>
);
})}
{props.content.length == 1 && <div></div>}
</div>
</div>
</section>