Fixing navbar dropdown and links in main section

urbanobaz · Sep 17, 2024 · 94d8ef7 · 94d8ef7
1 parent d5c1fd4
commit 94d8ef7
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -154,7 +154,7 @@ export default function Home() {
             Finance that fell in love with computer science when I took{' '}
             <a
               href="https://cs50.harvard.edu/x/2023/"
-              className="text-blue-600 hover:font-medium"
+              className="text-black underline underline-offset-4 hover:font-medium"
             >
               CS50x
             </a>
@@ -164,7 +164,7 @@ export default function Home() {
             In 2019 I started working as Teaching Fellow with the{' '}
             <a
               href="https://mdcthereporter.com/the-idea-center-to-offer-computer-science-masterclass-cs50x-miami/"
-              className="text-blue-600 hover:font-medium"
+              className="text-black underline underline-offset-4 hover:font-medium"
             >
               CS50x
             </a>{' '}
@@ -177,7 +177,7 @@ export default function Home() {
             In 2021 I got my first role as a software engineer with{' '}
             <a
               href="https://gohopscotch.com/"
-              className="text-blue-600 hover:font-medium"
+              className="text-black underline underline-offset-4 hover:font-medium"
             >
               Hopscotch
             </a>{' '}

diff --git a/components/navbar/Navbar.module.css b/components/navbar/Navbar.module.css
@@ -26,6 +26,7 @@
 
 .dropdownContainer {
   position: absolute;
+  border: 1px solid black;
   top: 64px;
   z-index: 10;
   visibility: visible;
@@ -90,7 +91,7 @@
   }
 
   .dropdownContainer {
-    width: calc(100svw - 80px);
+    width: calc(100svw - 106px);
     padding: 10px 26px 0 26px;
   }
 }

diff --git a/components/navbar/Navbar.tsx b/components/navbar/Navbar.tsx
@@ -118,7 +118,7 @@ const Navbar: FC<NavbarProps> = ({}) => {
       <div
         className={cn(
           styles.dropdownContainer,
-          'flex flex-col px-10 w-full pt-3 bg-blue-50',
+          'flex flex-col px-10 w-full pt-3 bg-white',
           !dropdownVisible && styles.disabled
         )}
       >