Skip to content

Commit

Permalink
#13 updating mobile footer
Browse files Browse the repository at this point in the history
  • Loading branch information
samgildea committed Mar 25, 2021
1 parent ab90f6f commit d560a09
Showing 1 changed file with 22 additions and 23 deletions.
45 changes: 22 additions & 23 deletions src/components/footer.js
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,11 @@ const FooterMainContent = styled.div`
`

const SocialSection = styled.div`
margin-left: 32px;
padding-left: 80px;
padding-top: 50px;
@media (max-width: ${dimensions.maxwidthTablet}px) {
padding-left: 32px;
}
`

const FooterHeader = styled.div`
Expand All @@ -33,10 +36,9 @@ const SocialIcons = styled.div`
const SocialPlaceholder = styled.div`
width: 24px;
height: 24px;
background-color: #A4A4A4;
background-color: #a4a4a4;
border-radius: 8px;
margin-right: 16px;
`
const EmailText = styled.div`
text-decoration: underline;
Expand All @@ -58,7 +60,6 @@ const LinkSection = styled.div`
padding-bottom: 47px;
font-size: 18px;
font-weight: bold;
}
a {
Expand Down Expand Up @@ -142,13 +143,12 @@ const AddressSection = styled.div`
padding-top: 16px;
`
const ScoutSection = styled.div`
margin-top: 32px;
color: #ffffff;
margin-top: 32px;
color: #ffffff;
@media (max-width: ${dimensions.maxwidthTablet}px) {
padding-bottom: 48px;
}
@media (max-width: ${dimensions.maxwidthTablet}px) {
padding-bottom: 48px;
}
`

const EmailFormHeader = styled.div``
Expand Down Expand Up @@ -222,20 +222,19 @@ export default function footer({ data }) {
/>
</form>
<SocialIcons>
{data.prismicFooter.data.social_media.map(social => {
return (
<a href={social.social_link}>
<SocialPlaceholder>
{/* <img src={social.social_icon.url} /> */}
</SocialPlaceholder>
</a>
)
})}
</SocialIcons>

<ScoutSection>Made with love by Scout</ScoutSection>
{data.prismicFooter.data.social_media.map(social => {
return (
<a href={social.social_link}>
<SocialPlaceholder>
{/* <img src={social.social_icon.url} /> */}
</SocialPlaceholder>
</a>
)
})}
</SocialIcons>

<ScoutSection>Made with love by Scout</ScoutSection>
</EmailSection>

</FooterMainContent>

{/* <BottomLinks>
Expand Down

0 comments on commit d560a09

Please sign in to comment.