blow nav logo up

massenergize · Oct 21, 2024 · 23eff19 · 23eff19
1 parent c6383a6
commit 23eff19
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/src/assets/styles/mobile-only.css b/src/assets/styles/mobile-only.css
@@ -47,7 +47,7 @@
   }
   .spt-v2-nav img {
     margin: 0px;
-    height: 55px;
+    height: 75px;
   }
   .spt-section-component {
     padding: 4vh 1vw;

diff --git a/src/assets/styles/pc-only.scss b/src/assets/styles/pc-only.scss
@@ -48,10 +48,17 @@
     min-height: 300px;
   }
 
+  .spt-v2-nav { 
+    display: flex;
+    flex-direction: row;
+
+  }
+
   /* -- SPT THEME ---- */
   .spt-v2-nav img {
     margin: 0px;
-    height: 100px;
+    height: 170px;
+    margin-left: auto;
   }
   .spt-s-img {
     border-radius: 15px;

diff --git a/src/components/themes/sptV2/components/hero/Hero.js b/src/components/themes/sptV2/components/hero/Hero.js
@@ -20,7 +20,7 @@ const Hero = ({ themeKey }) => {
     autoplay: true,
     autoplaySpeed: 10000, //Waiting time for next slide
   };
-  const images = (campaign?.media ||[])?.map(item => item?.media?.url)
+  const images = (campaign?.media || [])?.map((item) => item?.media?.url);
   // const images = [
   //   // "https://via.placeholder.com/1600x900/1975bb/fff?text=1975bb",
   //   "https://massenergize-prod-files.s3.amazonaws.com/media/alternative-alternative-energy-clouds-eco-energy-433308.jpg",
@@ -35,6 +35,7 @@ const Hero = ({ themeKey }) => {
     <>
       <div className="spt-v2-nav">
         <img
+          className="spt-v2-logo"
           // style={{ objectFit: "contain", height: 70 }}
           src={primary_logo?.url}
           alt=""
@@ -57,7 +58,9 @@ const Hero = ({ themeKey }) => {
           <div className="hero-content">
             <h1 className="hero-title">{campaign?.title}</h1>
             <p className="hero-subtext">{campaign?.tagline}</p>
-            <SPTButton themeKey={themeKey} href={campaign?.call_to_action?.url}>{campaign?.call_to_action?.text}</SPTButton>
+            <SPTButton themeKey={themeKey} href={campaign?.call_to_action?.url}>
+              {campaign?.call_to_action?.text}
+            </SPTButton>
             {/* <div
               className="spt-btn touchable-opacity custom-margin"
               style={{ "--my-custom-margin": "20px 0px" }}