Merge pull request #106 from LaconicNetwork/styling-fixes

Fixes #105

src/components/common/footer/footer.module.scss

@@ -2,7 +2,7 @@
 
 .pre__footer {
   @include respond-to('mobile') {
-    margin-top: tovw(140px, 'mobile', 140px);
+    margin-top: tovw(180px, 'mobile', 180px);
     padding-bottom: tovw(20px, 'tablet', 30px);
   }
 
@@ -57,7 +57,7 @@
   .form {
     @include respond-to('mobile') {
       width: 100%;
-      margin: tovw(100px, 'default', 100px) auto 0;
+      margin: tovw(150px, 'default', 150px) auto 0;
     }
 
     position: relative;
@@ -139,7 +139,7 @@
 
   .container {
     @include respond-to('mobile') {
-      margin-top: tovw(40px, 'default', 40px);
+      margin-top: tovw(160px, 'default', 160px);
     }
     @include respond-to('tablet') {
       flex-direction: column;

src/components/sections/careers/values/values.module.scss

@@ -77,7 +77,6 @@
             display: flex;
             flex-direction: column;
             place-content: space-between;
-            place-self: center;
             height: 85%;
 
             h3 {

src/components/sections/community/hero/hero.module.scss

@@ -5,7 +5,7 @@
     display: flex;
     flex-direction: column;
     padding-bottom: tovw(18px, 'mobile');
-    width: 100vw;
+    width: 100%;
     min-height: 100vh;
     gap: tovw(10px, 'mobile');
     padding-top: unset;
@@ -26,7 +26,7 @@
     @include respond-to('mobile') {
       display: flex;
       place-content: center;
-      min-height: tovw(260px, 'mobile', 305px);
+      min-height: tovw(200px, 'mobile', 255px);
     }
 
     display: none;
@@ -34,8 +34,9 @@
     .hero__mobile {
       @include respond-to('mobile') {
         display: flex;
-        margin-right: tovw(65px, 'mobile');
-        padding-top: tovw(50px, 'mobile');
+
+        // margin-right: tovw(65px, 'mobile');
+        padding-top: tovw(70px, 'mobile');
         width: 100%;
         mix-blend-mode: lighten;
         place-self: center;

src/components/sections/community/hero/index.tsx

@@ -32,8 +32,8 @@ const Hero = ({ data }: Props) => {
 
     communityHeroMobileRef.current.src =
       theme === 'dark'
-        ? '/images/community/hero/community.jpg'
-        : '/images/community/hero/community-light.jpg'
+        ? '/images/community/hero/community-mobile-dark-smaller.png'
+        : '/images/community/hero/community-mobile-lite-smaller.png'
   }, [theme])
 
   useEffect(() => {

src/components/sections/newsroom/media/index.tsx

@@ -24,16 +24,6 @@ interface Props {
       url: string
     }
     mediaVideo02Link: string
-    mediaVideo03Label: string
-    mediaVideo03Thumb: {
-      url: string
-    }
-    mediaVideo03Link: string
-    mediaVideo04Label: string
-    mediaVideo04Thumb: {
-      url: string
-    }
-    mediaVideo04Link: string
   }
 }
 
@@ -141,56 +131,6 @@ const Media = ({ data }: Props) => {
                 </Heading>
               </div>
             </div>
-            <div className={`${s.item} keen-slider__slide`}>
-              <div
-                className={s['image__container']}
-                onClick={() =>
-                  open(data?.mediaVideo03Link, data?.mediaVideo03Label)
-                }
-              >
-                <img
-                  alt="image"
-                  loading="lazy"
-                  src={data?.mediaVideo03Thumb?.url}
-                />
-                <img
-                  alt="play"
-                  loading="lazy"
-                  className={s.play}
-                  src="/images/newsroom/play.svg"
-                />
-              </div>
-              <div className={s['content']}>
-                <Heading as="h2" variant="sm" font="tthoves">
-                  {data?.mediaVideo03Label}
-                </Heading>
-              </div>
-            </div>
-            <div className={`${s.item} keen-slider__slide`}>
-              <div
-                className={s['image__container']}
-                onClick={() =>
-                  open(data?.mediaVideo04Link, data?.mediaVideo04Label)
-                }
-              >
-                <img
-                  alt="image"
-                  loading="lazy"
-                  src={data?.mediaVideo04Thumb?.url}
-                />
-                <img
-                  alt="play"
-                  loading="lazy"
-                  className={s.play}
-                  src="/images/newsroom/play.svg"
-                />
-              </div>
-              <div className={s['content']}>
-                <Heading as="h2" variant="sm" font="tthoves">
-                  {data?.mediaVideo04Label}
-                </Heading>
-              </div>
-            </div>
           </div>
         </Container>
       </Section>