fix: header section text and navbar text

bytemakers · Dec 2, 2024 · ebd330f · ebd330f
1 parent 057f5ae
commit ebd330f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css b/apps/web/frontend/src/components/LandingPage/Components/HeroSection/HeroSection.css
@@ -10,19 +10,18 @@
 }
 
 .hero-section h1 {
-  color: var(--dark-color);
+  color: var(--light-color);
   font-size: 48px;
   font-weight: 900;
 }
 
 .hero-section h4 {
-  color: var(--dark-color);
+  color: var(--light-color);
   font-size: 22px;
   font-weight: 300;
   text-align: center;
   padding: 0px 14rem;
 }
-
 .hero-section button {
   padding: 0.7rem 2rem;
   border-radius: 25px;

diff --git a/apps/web/frontend/src/components/LandingPage/Components/NavBar/NavBar.css b/apps/web/frontend/src/components/LandingPage/Components/NavBar/NavBar.css
@@ -52,7 +52,9 @@
   cursor: pointer;
   /* width: 1.6rem; */
 }
-
+li{
+  color: white;
+}
 .elements {
   position: fixed;
   z-index: -10;

diff --git a/apps/web/frontend/src/components/LandingPage/Components/NavBar/NavBar.js b/apps/web/frontend/src/components/LandingPage/Components/NavBar/NavBar.js
@@ -22,7 +22,7 @@ const NavBar = () => {
         >
           <div class={`${"btn__burger"} `}></div>
         </div>
-        <ul className={`elements ${!navbar && "show"} ${navbar && "hide"}`}>
+        <ul className={`elements ${!navbar && "show"} ${navbar && "hide"}` }>
           <li className="list">
             <Link to="/">
               <li>Home</li>