diff --git a/public/images/community/hero/community-mobile-dark-smaller.png b/public/images/community/hero/community-mobile-dark-smaller.png new file mode 100644 index 0000000..59e6bb3 Binary files /dev/null and b/public/images/community/hero/community-mobile-dark-smaller.png differ diff --git a/public/images/community/hero/community-mobile-lite-smaller.png b/public/images/community/hero/community-mobile-lite-smaller.png new file mode 100644 index 0000000..ef6ddb5 Binary files /dev/null and b/public/images/community/hero/community-mobile-lite-smaller.png differ diff --git a/src/components/common/footer/footer.module.scss b/src/components/common/footer/footer.module.scss index 74e6a18..0290d93 100644 --- a/src/components/common/footer/footer.module.scss +++ b/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; diff --git a/src/components/sections/careers/values/values.module.scss b/src/components/sections/careers/values/values.module.scss index eee0be6..ea7c687 100644 --- a/src/components/sections/careers/values/values.module.scss +++ b/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 { diff --git a/src/components/sections/community/hero/hero.module.scss b/src/components/sections/community/hero/hero.module.scss index 724d93e..92b9030 100644 --- a/src/components/sections/community/hero/hero.module.scss +++ b/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; diff --git a/src/components/sections/community/hero/index.tsx b/src/components/sections/community/hero/index.tsx index a1bb017..3cd2513 100644 --- a/src/components/sections/community/hero/index.tsx +++ b/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(() => { diff --git a/src/components/sections/newsroom/media/index.tsx b/src/components/sections/newsroom/media/index.tsx index 7fda2c8..5fb6d13 100644 --- a/src/components/sections/newsroom/media/index.tsx +++ b/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) => { -