diff --git a/common/components/Footer/PreFooter.jsx b/common/components/Footer/PreFooter.jsx new file mode 100644 index 00000000..1594bc43 --- /dev/null +++ b/common/components/Footer/PreFooter.jsx @@ -0,0 +1,19 @@ +import React from 'react'; +import './PreFooter.scss'; + +const PreFooter = () => { + return ( +
+
+

+ MyEtherWallet.com does not hold your keys for you. We cannot access + accounts, recover keys, reset passwords, nor reverse transactions. + Protect your keys & always check that you are on correct URL. + You are responsible for your security. +

+
+
+ ); +}; + +export default PreFooter; diff --git a/common/components/Footer/PreFooter.scss b/common/components/Footer/PreFooter.scss new file mode 100644 index 00000000..c4dbc3a0 --- /dev/null +++ b/common/components/Footer/PreFooter.scss @@ -0,0 +1,12 @@ +@import "common/sass/variables"; + +.pre-footer { + padding: 1rem; + box-shadow: 16px 16px 47px 0 rgba(0, 0, 0, .07); + margin-top: 5rem; + background-color: white; + text-align: center; + p { + font-size: $font-size-medium; + } +} diff --git a/common/components/Footer/index.jsx b/common/components/Footer/index.jsx index 1367ca2d..7eb4b6a7 100644 --- a/common/components/Footer/index.jsx +++ b/common/components/Footer/index.jsx @@ -3,6 +3,7 @@ import translate from 'translations'; import { donationAddressMap } from 'config/data'; import logo from 'assets/images/logo-myetherwallet.svg'; import { bityReferralURL } from 'config/data'; +import PreFooter from './PreFooter'; import './index.scss'; const LINKS_LEFT = [ @@ -94,102 +95,105 @@ const LINKS_SOCIAL = [ export default class Footer extends Component { render() { return ( - + ); } } diff --git a/common/components/Footer/index.scss b/common/components/Footer/index.scss index a94735bb..ec75b791 100644 --- a/common/components/Footer/index.scss +++ b/common/components/Footer/index.scss @@ -4,7 +4,6 @@ .Footer { background-color: $ether-navy; color: white; - margin-top: 100px; padding-top: $space-xs; padding-bottom: $space-sm; display: flex;