From bb9117f7120457e3992ff98103eff2267c19470c Mon Sep 17 00:00:00 2001 From: lpissinali Date: Mon, 24 Sep 2018 17:15:43 +0200 Subject: [PATCH] Styling welcome page --- .gitignore | 1 + app/components/ens/nameLookup.js | 13 ++- app/components/ens/welcome.css | 90 +++++++++++++++ app/components/ens/welcome.js | 60 +++++----- app/dapp.css | 4 +- app/dapp.js | 1 - app/ui/icons/svg/intro_name.svg | 184 +++++++++++++++++++++++++++++++ app/ui/icons/svg/warning.svg | 3 + 8 files changed, 314 insertions(+), 42 deletions(-) create mode 100644 app/components/ens/welcome.css create mode 100644 app/ui/icons/svg/intro_name.svg create mode 100644 app/ui/icons/svg/warning.svg diff --git a/.gitignore b/.gitignore index 5c20c22..c55e7b8 100644 --- a/.gitignore +++ b/.gitignore @@ -41,3 +41,4 @@ package-lock.json # other .vs/ bin/ +.idea/ diff --git a/app/components/ens/nameLookup.js b/app/components/ens/nameLookup.js index 031d1b9..3e34915 100644 --- a/app/components/ens/nameLookup.js +++ b/app/components/ens/nameLookup.js @@ -23,6 +23,7 @@ import StatusLogo from '../../ui/icons/components/StatusLogo' import EnsLogo from '../../ui/icons/logos/ens.png'; import { formatPrice } from '../ens/utils'; import CheckCircle from '../../ui/icons/components/baseline_check_circle_outline.png'; +import WarningIcon from '../../ui/icons/svg/warning.svg'; const { getPrice, getExpirationTime, release } = UsernameRegistrar.methods; import NotInterested from '@material-ui/icons/NotInterested'; import Face from '@material-ui/icons/Face'; @@ -284,15 +285,17 @@ const LookupForm = ({ handleSubmit, values, handleChange, justSearch }) => ( - {!justSearch && - Symbols * /
- are not supported -
} + {!justSearch && +
+ + Names are made with
letters and numbers only +
+ } diff --git a/app/dapp.css b/app/dapp.css index 0fd02eb..89d945c 100644 --- a/app/dapp.css +++ b/app/dapp.css @@ -1,5 +1,5 @@ -.navbar { - +body { + font-family: 'Roboto', sans-serif; } .accounts { diff --git a/app/dapp.js b/app/dapp.js index 8e2242c..9e16ed4 100644 --- a/app/dapp.js +++ b/app/dapp.js @@ -53,7 +53,6 @@ class App extends React.Component { const isMainnet = network === 'main'; return (
- diff --git a/app/ui/icons/svg/intro_name.svg b/app/ui/icons/svg/intro_name.svg new file mode 100644 index 0000000..a01e56a --- /dev/null +++ b/app/ui/icons/svg/intro_name.svg @@ -0,0 +1,184 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/ui/icons/svg/warning.svg b/app/ui/icons/svg/warning.svg new file mode 100644 index 0000000..0fe1e1e --- /dev/null +++ b/app/ui/icons/svg/warning.svg @@ -0,0 +1,3 @@ + + +