Merge pull request #128 from HackDavis/fix/MoreDesignerChanges

Fix/more designer changes
HackDavis · Dec 8, 2024 · 1b02e43 · 1b02e43
2 parents 306d1a5 + 767ed8d
commit 1b02e43
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 12 deletions.
diff --git a/app/(pages)/(index-page)/about-us/_components/Hello/Hello.module.scss b/app/(pages)/(index-page)/about-us/_components/Hello/Hello.module.scss
@@ -25,6 +25,7 @@ $tablet-breakpoint: 768px;
     z-index: 1;
     padding-left: 12%;
     padding-right: 48%;
+    margin-top: 10%;
 
 
     @media (max-width: $tablet-breakpoint) {
@@ -41,6 +42,7 @@ $tablet-breakpoint: 768px;
         font-weight: 700;
         line-height: 111.5%; /* 122.755px */
         letter-spacing: 2.202px;
+        width: 600px;
         @media (max-width: $tablet-breakpoint) {
             font-size: 48px;
         }

diff --git a/app/(pages)/(index-page)/about-us/_components/Hello/Hello.tsx b/app/(pages)/(index-page)/about-us/_components/Hello/Hello.tsx
@@ -6,7 +6,7 @@ const Hello = () => {
   return (
     <div className={styles.hello_container}>
       <div className={styles.title}>
-        <h1>HackDavis</h1>
+        <h1>About HackDavis</h1>
         <p>
           Bringing together 750+ students, creators, and leaders to create for
           social good

diff --git a/app/(pages)/(index-page)/about-us/_components/Sponsor/Sponsor.module.scss b/app/(pages)/(index-page)/about-us/_components/Sponsor/Sponsor.module.scss
@@ -15,6 +15,7 @@
 .content {
   display: flex;
   justify-content: center;
+  align-items: center;
   flex-direction: row;
   margin: 88px 176px 0 176px;
   height: 100%;
@@ -37,6 +38,7 @@
   flex-direction: column;
   justify-content: space-between;
   width: 60%;
+  max-width: 450px;
   height: 100%;
   gap: 50px;
 
@@ -78,8 +80,7 @@
   display: flex;
   flex-direction: column; 
   align-items: center;
-  width: fit-content;
-  height: fit-content;
+  width: 40%;
 
   @include mixins.phone {
     width: 30%;
@@ -90,13 +91,12 @@
 .number {
   color: #123041;
   font-family: "Metropolis";
-  font-size: 4rem;
+  font-size: 48px;
   font-style: normal;
   font-weight: 700;
   line-height: 150%;
   letter-spacing: 1.28px;
   text-transform: lowercase;
-  margin-right: 24px;
 
   @include mixins.phone {
     font-size: 36px;
@@ -115,7 +115,7 @@
   align-items: center;
   color: #123041;
   font-family: "Metropolis";
-  font-size: 1.75rem;
+  font-size: 24px;
   font-style: normal;
   font-weight: 500;
   line-height: 150%;

diff --git a/app/(pages)/(index-page)/about-us/_components/Sponsor/Sponsor.tsx b/app/(pages)/(index-page)/about-us/_components/Sponsor/Sponsor.tsx
@@ -14,7 +14,7 @@ const images = [Polaroid1, Polaroid2, Polaroid3, Polaroid4, Polaroid5];
 const hdStats = [
   { stat: 140, text: 'projects', duration: 1500 },
   { stat: 750, text: 'hackers', suffix: '+', duration: 1500 },
-  { stat: 10, text: 'prizes', prefix: '$', suffix: 'k+', duration: 1500 },
+  { stat: 15, text: 'prizes', prefix: '$', suffix: 'k+', duration: 1500 },
   { stat: 24, text: 'hours', duration: 1500 },
 ];
 

diff --git a/app/(pages)/_components/Navbar/Navbar.module.scss b/app/(pages)/_components/Navbar/Navbar.module.scss
@@ -150,8 +150,8 @@ $mobile-breakpoint: 425px;
     }
 
     .linkArrow {
-        width: 14px;
-        height: 14px;
+        width: 10px;
+        height: 10px;
     }
 }
 

diff --git a/app/(pages)/_components/Navbar/Navbar.tsx b/app/(pages)/_components/Navbar/Navbar.tsx
@@ -113,13 +113,13 @@ export default function Navbar({ navLinks }: { navLinks: NavLink[] }) {
                   {index !== navLinks.length - 1 && link.name}
 
                   {index === navLinks.length - 1 && (
-                    <div className="tw-flex tw-gap-2">
+                    <div className="tw-flex tw-items-center tw-gap-2">
                       {link.name}
                       <Image
                         src="/navbar/upRightArrow.png"
                         alt="link arrow"
-                        width={14}
-                        height={14}
+                        width={100}
+                        height={100}
                         className={styles.linkArrow}
                       />
                     </div>