vee1e/bitsat_predictor
1
0
Fork 0
mirror of https://github.com/vee1e/bitsat_predictor.git synced 2026-09-01 19:07:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed profile-card on about page

Browse source
This commit is contained in:
PranavU-Coder 2026-01-09 17:40:25 +05:30
parent 3dba85a654
commit d96261f341
2 changed files with 10 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

7
bitsat_branch_predictor/src/About.jsx
View file

@ -9,9 +9,10 @@ const Team = () => {
});
return (
<main>
<div className="h-screen text-white pt-24">
<div className="flex flex-wrap gap-3 justify-center">
<main className="min-h-screen bg-gray-950">
<div className="text-white pt-24 px-8">
<h1 className="text-3xl font-bold text-center mb-8">Our Team</h1>
<div className="max-w-7xl mx-auto flex flex-wrap gap-6 justify-center">
{TEAM_MEMBERS.map((member) => (
<TeamMember
key={member.name}

12
bitsat_branch_predictor/src/components/ui/ProfileCard.tsx
View file

@ -7,23 +7,23 @@ const TeamMember = ({ image, name, role, githubLink, description }: TeamMemberPr
};
return (
<div className='cardbase'>
<div className='cardbase w-[512px] h-[580px] flex flex-col'>
<img
src={image}
alt={`${name}'s profile image`}
onContextMenu={preventContextMenu}
draggable={false}
className="relative inset-0 w-full h-92 rounded-[46px] p-2 object-cover"
className="relative inset-0 w-full h-96 rounded-[46px] p-2 object-cover flex-shrink-0"
/>
<div className='relative flex items-center mx-5 my-2 font-satoshi'>
<div className='relative flex items-center mx-5 my-2 font-satoshi flex-shrink-0'>
<div className=''>
<p className="text-xl font-semibold text-accent">{name}</p>
<p className="text-accent/60 font-geist-mono text-sm">{role}</p>
</div>
<button
onClick={() => window.open(githubLink, '_blank')}
className="flex justify-center items-center cursor-pointer ml-auto w-18 bg-primary/70 rounded-lg h-11"
className="flex justify-center items-center cursor-pointer ml-auto w-16 bg-primary/70 rounded-lg h-12"
aria-label="Open GitHub profile"
>
<img
@ -35,11 +35,11 @@ const TeamMember = ({ image, name, role, githubLink, description }: TeamMemberPr
/>
</button>
</div>
<p className='text-white/70 text-[14px] px-5 tracking-tight pt-3 font-outfit'>
<p className='text-white/70 text-[14px] px-5 tracking-tight pt-2 pb-4 font-outfit flex-grow overflow-y-auto'>
{description}
</p>
</div>
);
}
export default TeamMember;
export default TeamMember;