Merge pull request #247 from tcet-opensource/doesnots

Frontend
tcet-opensource · Sep 30, 2023 · 085091a · 085091a
2 parents 3a074a9 + 5ed428e
commit 085091a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/src/components/HomepageFeatures/Hero.js b/src/components/HomepageFeatures/Hero.js
@@ -37,7 +37,7 @@ export default function Hero() {
           className="group hover:no-underline hover:text-white flex items-center justify-center text-white gap-x-2 p-2 pl-4 
         md:mb-0 mb-3 shadow-1xl shadow-indigo-400 font-semibold rounded-full 
         bg-indigo-600 hover:scale-110 cursor-pointer hover:bg-indigo-700 duration-300
-        active:bg-indigo-600 "
+        active:bg-indigo-600 z-10"
         >
           View Projects
           <div className="group-hover:bg-indigo-600 group-hover:rotate-[360deg] duration-300 bg-indigo-800 px-2 pt-1 rounded-full">
@@ -47,7 +47,7 @@ export default function Hero() {
       </div>
       <img
         src={`/img/HeroImages/hero-section-left.svg`}
-        className="absolute lg:scale-100 sm:scale-75 scale-50 origin-left md:top-48 sm:top-44 top-28 left-0 "
+        className="absolute lg:scale-100 sm:scale-75 scale-50 z-2 origin-left md:top-48 sm:top-44 top-28 left-0 "
         data-speed="0.15"
         alt="hero-section-left"
       />

diff --git a/src/components/Navbar/index.js b/src/components/Navbar/index.js
@@ -65,7 +65,7 @@ const Navbar = () => {
           <button
             data-collapse-toggle="mobile-menu-2"
             type="button"
-            className="inline-flex items-center p-2 ml-1 text-sm text-white rounded-lg  focus:outline-none"
+            className="inline-flex items-center p-1 ml-1 text-sm text-white rounded-lg bg-[#070419]  focus:outline-none"
             aria-controls="mobile-menu-2"
             aria-expanded="false"
             onClick={() => setNavOpen(!navOpen)}
@@ -110,25 +110,25 @@ const Navbar = () => {
 
       {/* Mobile Nav Bar  */}
       {navOpen && (
-        <div class="transition duration-300">
-          <ul class="font-medium text-white text-sm text-center bg-[#070419] ">
+        <div class="transition duration-300 overflow-y-scroll border-solid border-[#070419] border-b-[#130a38]">
+          <ul class="font-medium text-white text-sm text-center bg-[#070419]">
             {navLinks.map((n) => (
-              <li>
-                <a href={n.href} class="block px-2 py-2">
+              <div>
+                <a href={n.href} class="block px-2 py-2 hover:text-gray-500">
                   {n.title}
                 </a>
-              </li>
+              </div>
             ))}
-            <li>
+            <div class="p-8">
               <a
                 href="https://github.com/tcet-opensource"
                 target="_blank"
                 rel="noopener noreferrer"
-                class="block px-2 py-2"
+                class=" text-gray-200 bg-slate-800 rounded-full z-10 lg:mb-3 mb-6 p-3"
               >
                 Contribute
               </a>
-            </li>
+            </div>
           </ul>
         </div>
       )}