steve/tok-to-insta-follower-bridge
1
0
Fork 0
mirror of https://github.com/snachodog/tok-to-insta-follower-bridge.git synced 2025-04-23 20:12:22 -06:00
Code Issues Packages Projects Releases Wiki Activity

design: fix user card

Browse Source
This commit is contained in:
kawamataryo 2024-11-25 08:40:01 +09:00
parent 79ec78a253
commit b19d5c2cc2
1 changed files with 36 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/lib/components/UserCard.tsx
View File

@ -150,11 +150,12 @@ const UserCard = ({ user, actionMode, clickAction }: Props) => {
}; };
return ( return (
<div className="bg-base-100 w-full relative grid grid-cols-[20%_5%_75%]"> <div className="bg-base-100 w-full relative grid grid-cols-[22%_1fr] gap-5">
<div className="flex flex-row gap-2 bg-slate-100 dark:bg-slate-800 justify-between pr-2">
<div <div
className={`border-l-8 border-${ className={`border-l-8 border-${
MATCH_TYPE_LABEL_AND_COLOR[user.matchType].color MATCH_TYPE_LABEL_AND_COLOR[user.matchType].color
} card-body relative py-3 pl-4 pr-1 rounded-sm grid grid-cols-[50px_1fr]`} } relative py-3 pl-4 pr-1 grid grid-cols-[50px_1fr]`}
> >
<UserProfile <UserProfile
avatar={user.originalAvatar} avatar={user.originalAvatar}
@ -182,11 +183,12 @@ const UserCard = ({ user, actionMode, clickAction }: Props) => {
<path <path
strokeLinecap="round" strokeLinecap="round"
strokeLinejoin="round" strokeLinejoin="round"
d="m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5" d="m8.25 4.5 7.5 7.5-7.5 7.5"
/> />
</svg> </svg>
</div> </div>
<div className="card-body relative py-3 pl-0 pr-2 rounded-sm grid grid-cols-[50px_1fr]"> </div>
<div className="relative py-3 pl-0 pr-2 grid grid-cols-[50px_1fr]">
<UserProfile <UserProfile
avatar={user.avatar} avatar={user.avatar}
url={`https://bsky.app/profile/${user.handle}`} url={`https://bsky.app/profile/${user.handle}`}