pleb/flockstr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small ui change

Browse Source
This commit is contained in:
zmeyer44 2023-10-14 23:09:21 -04:00
parent 47ca1f482a
commit 53382ddd87
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/CreatorCard/index.tsx
View File

@ -51,7 +51,7 @@ export default function CreatorCard({
/> />
<div className="absolute inset-0 bg-background/60 backdrop-blur-md transition-all"> <div className="absolute inset-0 bg-background/60 backdrop-blur-md transition-all">
<div className="group relative flex h-full w-full flex-col items-center justify-end transition-all"> <div className="group relative flex h-full w-full flex-col items-center justify-end transition-all">
<CardHeader className="absolute inset-x-0 top-[59%] transform pt-4 text-center transition-all duration-300 group-hover:top-0 group-hover:ml-[70px] group-hover:text-left"> <CardHeader className="absolute inset-x-0 top-[59%] transform pt-4 text-center transition-all duration-300 group-hover:top-[8px] group-hover:ml-[75px] group-hover:text-left">
<CardTitle>{displayName}</CardTitle> <CardTitle>{displayName}</CardTitle>
<CardDescription className="line-clamp-3 group-hover:text-xs"> <CardDescription className="line-clamp-3 group-hover:text-xs">
{about} {about}
@ -60,7 +60,7 @@ export default function CreatorCard({
<Image <Image
alt="user" alt="user"
src={picture} src={picture}
className="absolute left-1/2 top-1/2 aspect-square -translate-x-1/2 -translate-y-[70%] transform overflow-hidden rounded-lg object-cover transition-all duration-300 group-hover:left-[45px] group-hover:top-[60px] group-hover:w-[70px]" className="absolute left-1/2 top-1/2 aspect-square -translate-x-1/2 -translate-y-[70%] transform overflow-hidden rounded-lg object-cover transition-all duration-300 group-hover:left-[50px] group-hover:top-[65px] group-hover:w-[70px]"
height={100} height={100}
width={100} width={100}
unoptimized unoptimized