fix: navbar bolding issues addressed

calblueprint · May 19, 2024 · 1e693f4 · 1e693f4
1 parent ab38854
commit 1e693f4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/components/NavBar/index.tsx b/src/components/NavBar/index.tsx
@@ -96,7 +96,6 @@ export default function NavBar() {
   }
 
   return (
-
     <Styles.NavBarContainer>
       <Styles.NavBarSectionDiv>
         <Link href="/">

diff --git a/src/components/NavBar/style.ts b/src/components/NavBar/style.ts
@@ -2,7 +2,6 @@ import styled from 'styled-components';
 import COLORS from '@/styles/colors';
 import { sans } from '@/styles/fonts';
 import { LinkColored } from '@/styles/text';
-import { boolean } from 'zod';
 
 export const NavBarContainer = styled.div`
   display: flex;
@@ -40,14 +39,15 @@ export const NoUnderlineLink = styled(LinkColored)<{ $isActive: boolean }>`
   cursor: pointer;
 `;
 
-export const DisplayText = styled.span<{$isActive: boolean}>`
+export const DisplayText = styled.span<{ $isActive: boolean }>`
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  font-weight: ${({ $isActive }) => ($isActive ? '600' : '400')}; /* Conditional bolding */
+  font-weight: ${({ $isActive }) =>
+    $isActive ? '600' : '400'}; 
   color: white;
-`
+`;
 
 export const ActiveUnderline = styled.hr<{ $isActive: boolean }>`
   visibility: ${({ $isActive }) => ($isActive ? 'visible' : 'hidden')};