diff --git a/app/components/ens/DisplayBox.js b/app/components/ens/DisplayBox.js index 85ddfd6..1d7899d 100644 --- a/app/components/ens/DisplayBox.js +++ b/app/components/ens/DisplayBox.js @@ -9,12 +9,13 @@ const DisplayLabel = styled.div` `; const DisplayBoxDiv = styled.div` - border: 1px solid #EEF2F5; + border: ${props => props.showBlueBox ? "0px" : "1px solid #EEF2F5"}; border-radius: 8px; margin: 7px 12px 14px 12px; display: flex; flex-direction: column; justify-content: space-around; + background: ${props => props.showBlueBox ? "rgba(67, 96, 223, 0.1)" : "white"}; align-items: ${props => props.showBlueBox ? "center" : "initial"}; word-wrap: break-word; min-height: ${props => props.onClick ? "112px" : "0px"}; diff --git a/app/dapp.js b/app/dapp.js index 0d6167f..c0ceb97 100644 --- a/app/dapp.js +++ b/app/dapp.js @@ -29,7 +29,7 @@ const isReady = (network, environment) => { if (formattedNetwork.includes('main') || formattedNetwork.includes('live')) { if (environment === 'livenet') return true } - return formattedNetwork.inclues(environment.toLowerCase()); + return formattedNetwork.includes(environment.toLowerCase()); } const Web3RenderContent = ({ network, history, match, environment }) => (