Merge pull request #25 from Bostonhacks/fix-z-index

fixed z index
Bostonhacks · Aug 28, 2023 · 020823c · 020823c
2 parents f9e3c9c + ae4c89d
commit 020823c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/LandingPageComponents/Title.jsx b/src/components/LandingPageComponents/Title.jsx
@@ -2,7 +2,7 @@ import title from '../../assets/images/title.svg';
 
 const Title = () => {
   return (
-    <section className="w-full flex flex-col items-center justify-center text-text-primary ">
+    <section className="w-full flex flex-col items-center justify-center text-text-primary z-50">
       <div className="relative flex items-center justify-center">
         <img className="w-[60vw] md:w-[30vw]" src={title} alt="Boston Hacks" />
       </div>

diff --git a/src/components/LandingPageComponents/TrackModals.tsx b/src/components/LandingPageComponents/TrackModals.tsx
@@ -29,23 +29,23 @@ const TrackModals = () => {
       <div className="w-full flex flex-row items-center justify-center">
         <div className="w-[75vw] flex flex-col md:flex-row  items-center justify-around">
           <button
-            className="mt-[10vh] md:mt-0 "
+            className="mt-[10vh] md:mt-0 z-50"
             onClick={() => {
               setTrack1Open(true);
             }}
           >
             <img src={track1} alt="track 1" />
           </button>
           <button
-            className="mt-[10vh] md:mt-0"
+            className="mt-[10vh] md:mt-0 z-50"
             onClick={() => {
               setTrack2Open(true);
             }}
           >
             <img src={track2} alt="track 2" />
           </button>
           <button
-            className="mt-[10vh] md:mt-0"
+            className="mt-[10vh] md:mt-0 z-50"
             onClick={() => {
               setTrack3Open(true);
             }}

diff --git a/src/components/SponsorPageComponents/SponsorButton.jsx b/src/components/SponsorPageComponents/SponsorButton.jsx
@@ -13,7 +13,7 @@ const SponsorButton = () => {
 
   return (
     <div className="justify-center flex mt-[27.8px] z-50">
-      <button onClick={handleClick}>
+      <button className="z-50" onClick={handleClick}>
         <img
           src={image}
           onMouseOver={() => setImage(HoverButtonState)}