diff --git a/src/common/assets/images/add-dapp.svg b/src/common/assets/images/add-dapp.svg new file mode 100644 index 0000000..f854dfb --- /dev/null +++ b/src/common/assets/images/add-dapp.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/common/assets/images/community.svg b/src/common/assets/images/community.svg new file mode 100644 index 0000000..6b1147b --- /dev/null +++ b/src/common/assets/images/community.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/common/assets/images/footer-icon.svg b/src/common/assets/images/footer-icon.svg deleted file mode 100644 index 704a3ac..0000000 --- a/src/common/assets/images/footer-icon.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/src/common/assets/images/support.svg b/src/common/assets/images/support.svg new file mode 100644 index 0000000..a6ffbd1 --- /dev/null +++ b/src/common/assets/images/support.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/modules/Footer/Footer.jsx b/src/modules/Footer/Footer.jsx index a25a8ef..0ca2d66 100644 --- a/src/modules/Footer/Footer.jsx +++ b/src/modules/Footer/Footer.jsx @@ -1,36 +1,44 @@ import React from 'react' import styles from './Footer.module.scss' -import icon from '../../common/assets/images/icon.svg' +import communityIcon from '../../common/assets/images/community.svg' +import addDappIcon from '../../common/assets/images/add-dapp.svg' +import supportIcon from '../../common/assets/images/support.svg' const Footer = () => (
-
- Join the DApp community chat + +
+ Join the DApp community chat +

Join the DApp community chat

- Status is a community of people all over the world connected by a set - of values and principles. + Status is a worldwide community committed to web3. Come discuss your + new favourite DApp with us.

-
+
- Submit a DApp +
+ Submit a DApp +

Submit a DApp

-

- Status is a community of people all over the world connected by a set - of values and principles. -

+

Submit your favourite DApp now! No permission required.

- Support +
+ Support +

Support

- Status is a community of people all over the world connected by a set - of values and principles. + Can't find what you're looking for? Reach out and we'll + see if we can help.

diff --git a/src/modules/Footer/Footer.module.scss b/src/modules/Footer/Footer.module.scss index 25251c9..442ad26 100644 --- a/src/modules/Footer/Footer.module.scss +++ b/src/modules/Footer/Footer.module.scss @@ -8,6 +8,7 @@ } .footerItem { + text-decoration: none; display: flex; align-items: flex-start; margin-bottom: calculateRem(24); @@ -16,11 +17,6 @@ margin-bottom: 0; } - img { - margin-top: calculateRem(15); - margin-right: calculateRem(16); - } - h2 { color: $headline-color; font-size: calculateRem(15); @@ -38,3 +34,12 @@ margin-top: 0; } } + +.iconWrap { + background: $text-color; + padding: calculateRem(10); + padding-bottom: calculateRem(6); + border-radius: 50%; + margin-top: calculateRem(15); + margin-right: calculateRem(16); +}