From 2f49e06380f206ab2c36075d9816ebba2e50572c Mon Sep 17 00:00:00 2001
From: Hewr Srood <63727790+Hewr-Srood@users.noreply.github.com>
Date: Mon, 24 Aug 2020 00:28:11 +0300
Subject: [PATCH] Menu goes behind actor slider button Fixes #86

---
 src/components/Navbar.js                   |  2 +-
 src/components/ResultedMovies/MovieCard.js |  2 +-
 src/components/TeamMember/TeamMember.js    |  6 +++++-
 src/pages/Aboutpage/Aboutpage.js           | 21 ++++++++++++++++++---
 4 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index 6f0b490..0409781 100644
--- 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
index e5cf42a..e966ece 100644
--- 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
index 256f782..e530eb0 100644
--- 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
index 7dc3acd..dbf4149 100644
--- 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