diff --git a/app/(pages)/judges/_components/JudgingHub/HubHero.module.scss b/app/(pages)/judges/_components/JudgingHub/HubHero.module.scss index 8087d1e3..f105bcf9 100644 --- a/app/(pages)/judges/_components/JudgingHub/HubHero.module.scss +++ b/app/(pages)/judges/_components/JudgingHub/HubHero.module.scss @@ -41,7 +41,6 @@ .name_container { width: 100%; - overflow: hidden; >h1 { background: var(--gradient-primary); @@ -82,12 +81,6 @@ } } - .text_bubble_tail { - position: absolute; - bottom: 49.6%; - left: 49.5%; - } - .blurb { width: 45%; display: flex; @@ -109,6 +102,12 @@ font-size: 1.75rem; font-weight: 600; } + .bubble_tail { + position: absolute; + bottom: -8%; + left: -2.5%; + z-index: -1; + } } } } \ No newline at end of file diff --git a/app/(pages)/judges/_components/JudgingHub/HubHero.tsx b/app/(pages)/judges/_components/JudgingHub/HubHero.tsx index c7133d38..85abcae0 100644 --- a/app/(pages)/judges/_components/JudgingHub/HubHero.tsx +++ b/app/(pages)/judges/_components/JudgingHub/HubHero.tsx @@ -22,11 +22,46 @@ export default function HubHero({ if (loading) { return 'loading...'; } + + const logOutStyle = { + zIndex: 1, + borderRadius: '15.497px', + background: '#FFC53D', + boxShadow: '0px 3.874px 61.987px 0px rgba(255, 197, 61, 0.16)', + color: '#173A52', + textAlign: 'center', + fontFamily: 'Metropolis', + fontSize: '16px', + fontStyle: 'normal', + fontWeight: 600, + lineHeight: 'normal', + letterSpacing: '0.32px', + width: '357px', + height: '43px', + border: 'none', + alignSelf: 'center', + }; + + const speechBubbleTail = ( + + ); + return (
Welcome to HackDavis,
You're paired with...
{members.map((member: string, index: number) => (diff --git a/app/(pages)/judges/_components/JudgingHub/TableLocations.module.scss b/app/(pages)/judges/_components/JudgingHub/TableLocations.module.scss index b6474693..b5b41200 100644 --- a/app/(pages)/judges/_components/JudgingHub/TableLocations.module.scss +++ b/app/(pages)/judges/_components/JudgingHub/TableLocations.module.scss @@ -7,8 +7,8 @@ background: #173A52; width: 100%; - height: 312px; - padding: 30px 17px 60px 17px; + height: fit-content; + padding: 10% 17px 60px 17px; .header { color: #FFF; @@ -20,10 +20,10 @@ letter-spacing: 0.36px; } .map { - width: 100%; + width: 90%; height: 100%; border: 1px solid #000; - - background: #D9D9D9; + background: #000; + padding: 10%; } } \ No newline at end of file diff --git a/app/(pages)/judges/_components/JudgingHub/TableLocations.tsx b/app/(pages)/judges/_components/JudgingHub/TableLocations.tsx index 1d675db7..b5fb3b75 100644 --- a/app/(pages)/judges/_components/JudgingHub/TableLocations.tsx +++ b/app/(pages)/judges/_components/JudgingHub/TableLocations.tsx @@ -1,10 +1,12 @@ import styles from './TableLocations.module.scss'; +import Image from 'next/image'; +import map from 'public/judges/hub/map.png'; export default function TableLocations() { return (