From b59eb57b7b2d322e0df9c0c8af70c9a2eceb2e72 Mon Sep 17 00:00:00 2001 From: Himansa Eshan Date: Fri, 15 Sep 2023 01:06:49 +0530 Subject: [PATCH] fix teams --- src/components/home/home.tsx | 2 +- src/components/team/team.module.css | 31 +++++ src/components/team/team.tsx | 185 +++++++++++++++------------- src/pages/register.tsx | 6 +- 4 files changed, 139 insertions(+), 85 deletions(-) diff --git a/src/components/home/home.tsx b/src/components/home/home.tsx index ea2c2b7..9e79f47 100644 --- a/src/components/home/home.tsx +++ b/src/components/home/home.tsx @@ -186,7 +186,7 @@ export default function Home({ ideas into reality.
- + a:hover { text-decoration: underline; @@ -66,6 +67,9 @@ background-color: var(--background-color); box-shadow: 1px 0 4px var(--background-color); } +.img { + position: relative; +} .mem_img { border-radius: 10px; object-fit: cover; @@ -90,6 +94,33 @@ right: 0; filter: brightness(0.2); } +.icon { + align-items: center; + display: flex; + padding: 6px; + margin: 5px; + background-color: rgba(0, 0, 0, 0.44); + border-radius: 50%; + backdrop-filter: blur(20px); + border: 1px solid rgba(255, 255, 255, 0.136); +} +.icons { + width: 100%; + height: 55px; + position: absolute; + transform: translate(0, -55px); + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + margin: 0 -5px; +} +.icon.icon > svg { + color: rgba(255, 255, 255, 0.845); +} +.icon.icon:hover > svg { + color: rgba(255, 255, 255, 0.648); +} @media screen and (max-width: 900px) { .team { flex-direction: column; diff --git a/src/components/team/team.tsx b/src/components/team/team.tsx index 19cc5c4..d94a077 100644 --- a/src/components/team/team.tsx +++ b/src/components/team/team.tsx @@ -25,13 +25,49 @@ export const TeamCard = ({ name, children }: TeamCardProps) => { export const MemberCard = ({ member }: { member: TeamMemData }) => { return (
- {`image +
+ {`image +
+ + + + + + {member.linkedin ? ( + + + + + + ) : ( + <> + )} +
+
{ - const shouldRedirect = STAGE == "1"; + if (STAGE == "2") return
; + return
; +}; + +const Form = ({ shouldRedirect }: { shouldRedirect: boolean }) => { const router = useRouter(); useEffect(() => {