Menu goes behind actor slider button

Fixes #86
Iraq-WBC-Capstones-2020 · Aug 23, 2020 · 2f49e06 · 2f49e06
1 parent e363afa
commit 2f49e06
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 6 deletions.
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
@@ -4,7 +4,7 @@ import Logo from './Logo/Logo';
 import PropTypes from 'prop-types';
 export default function Navbar({ reset }) {
   return (
-    <div className="bg-darkgray top-0 sticky z-10">
+    <div className="bg-darkgray top-0 sticky" style={{ zIndex: '9999' }}>
       <Menu reset={reset} />
       <Logo />
     </div>

diff --git a/src/components/ResultedMovies/MovieCard.js b/src/components/ResultedMovies/MovieCard.js
@@ -22,5 +22,5 @@ export default function MovieCard({ movie }) {
   );
 }
 MovieCard.propTypes = {
-  movie: object
+  movie: object,
 };
diff --git a/src/components/TeamMember/TeamMember.js b/src/components/TeamMember/TeamMember.js
@@ -25,7 +25,11 @@ export default function TeamMember({ isRight, name, role, image }) {
   return (
     <div className="teammember w-full  flex flex-row-reverse overflow-hidden mt-10">
       <div className="member-img-left  h-full" data-aos="fade-left">
-        <img className="bg-cover w-full h-full object-cover" alt="team member" src={image}></img>
+        <img
+          className="bg-cover w-full h-full object-cover"
+          alt="team member"
+          src={image}
+        ></img>
       </div>
       <div
         className="member-caption-left flex flex-col justify-center items-center"

diff --git a/src/pages/Aboutpage/Aboutpage.js b/src/pages/Aboutpage/Aboutpage.js
@@ -36,13 +36,28 @@ const Aboutpage = () => {
           </p>
         </div>
       </div>
-      <TeamMember isRight name="Osama Abdullah" role="Team Leader" image={Img2} />
+      <TeamMember
+        isRight
+        name="Osama Abdullah"
+        role="Team Leader"
+        image={Img2}
+      />
       <TeamMember name="Wissam Naji" role="Team Leader" image={Img1} />
-      <TeamMember isRight name="Revan Sarbast" role="Team Member" image={Img3} />
+      <TeamMember
+        isRight
+        name="Revan Sarbast"
+        role="Team Member"
+        image={Img3}
+      />
       <TeamMember name="Randa Yahya" role="Team Member" image={Img4} />
       <TeamMember isRight name="Hewr Srood" role="Team Member" image={Img5} />
       <TeamMember name="Shadan Abdulkarim" role="Team Member" image={Img6} />
-      <TeamMember isRight name="Abdulrahman Maher" role="Team Member" image={Img7} />
+      <TeamMember
+        isRight
+        name="Abdulrahman Maher"
+        role="Team Member"
+        image={Img7}
+      />
       <div className="h-24 flex justify-center items-center">
         <p className="text-white bg-orange-600 px-4 py-2">
           All rights reserved © The Movie Bubble 2020