Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-09-05 22:15: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>
)} )}
<div className="m-4"> <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) => { {props.content.map((user) => {
return ( 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"> <Link href={`/profile/${user.id}`} key={user.id}>
<Card className="items-center justify-center w-full h-full"> <Card>
<Avatar img={user.avatar} alt={user.login || ""} size="lg" rounded={true} /> <div className="flex items-center gap-4">
<h5 className="mb-1 text-xl font-medium text-gray-900 dark:text-white"> <Avatar img={user.avatar} alt="" size="lg" rounded={true} />
{user.login} <p className="text-xl font-medium text-gray-900 dark:text-white">{user.login}</p>
</h5> </div>
</Card> </Card>
</Link> </Link>
); );
})} })}
{props.content.length == 1 && <div></div>}
</div> </div>
</div> </div>
</section> </section>