add buy copy, adjust search bar
This commit is contained in:
parent
ef99ab1e72
commit
820f6c02d4
|
@ -77,21 +77,26 @@ const RegisterInfoCard = ({ formattedDomain, domainPrice }) => (
|
||||||
<Fragment>
|
<Fragment>
|
||||||
<Hidden mdDown>
|
<Hidden mdDown>
|
||||||
<Info.Action title="No address is associated with this domain">
|
<Info.Action title="No address is associated with this domain">
|
||||||
<span style={{ color: theme.accent }}>{formattedDomain.toUpperCase()}</span> can be registered for {!!domainPrice && formatPrice(fromWei(domainPrice))} SNT
|
<span style={{ color: theme.accent }}>{formattedDomain.toLowerCase()}</span> can be registered for {!!domainPrice && formatPrice(fromWei(domainPrice))} SNT
|
||||||
</Info.Action>
|
</Info.Action>
|
||||||
</Hidden>
|
</Hidden>
|
||||||
<Hidden mdUp>
|
<Hidden mdUp>
|
||||||
<Info background="#415be3">
|
<Info background="#415be3" style={{ margin: '0.4em' }}>
|
||||||
<Typography variant="title" style={
|
<Typography variant="title" style={
|
||||||
{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'space-evenly', height: '4em', color: '#ffffff', textAlign: 'center', margin: '10%' }
|
{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'space-evenly', height: '4em', color: '#ffffff', textAlign: 'center', margin: '10%' }
|
||||||
}>
|
}>
|
||||||
<b>{formattedDomain.toUpperCase()}</b>
|
<b>{formattedDomain.toLowerCase()}</b>
|
||||||
<div style={{ border: '1px solid', borderRadius: '9px', width: '5em' }}>
|
<div style={{ border: '1px solid', borderRadius: '9px', width: '5em' }}>
|
||||||
{!!domainPrice && formatPrice(fromWei(domainPrice))} SNT
|
{!!domainPrice && formatPrice(fromWei(domainPrice))} SNT
|
||||||
</div>
|
</div>
|
||||||
</Typography>
|
</Typography>
|
||||||
</Info>
|
</Info>
|
||||||
</Hidden>
|
</Hidden>
|
||||||
|
<Hidden mdUp>
|
||||||
|
<Typography style={{ textAlign: 'center', padding: '1.5em', color: '#939ba1' }}>
|
||||||
|
Resolve this domain to your Status wallet address and contact code
|
||||||
|
</Typography>
|
||||||
|
</Hidden>
|
||||||
</Fragment>
|
</Fragment>
|
||||||
)
|
)
|
||||||
|
|
||||||
|
@ -174,6 +179,7 @@ const LookupForm = ({ handleSubmit, values, handleChange }) => (
|
||||||
<Hidden mdUp>
|
<Hidden mdUp>
|
||||||
<Field label="Search for vacant names in domains stateofus.eth and domains associated with this registry" style={{ textAlign: 'center', padding: '0px 10px 0 10px' }} wide>
|
<Field label="Search for vacant names in domains stateofus.eth and domains associated with this registry" style={{ textAlign: 'center', padding: '0px 10px 0 10px' }} wide>
|
||||||
<MobileSearch
|
<MobileSearch
|
||||||
|
search
|
||||||
name="domainName"
|
name="domainName"
|
||||||
style={{ marginTop: '10px' }}
|
style={{ marginTop: '10px' }}
|
||||||
placeholder='Search'
|
placeholder='Search'
|
||||||
|
|
|
@ -24,7 +24,7 @@ const MobileInput = styled.input`
|
||||||
width: ${({ wide }) => (wide ? '100%' : 'auto')};
|
width: ${({ wide }) => (wide ? '100%' : 'auto')};
|
||||||
appearance: none;
|
appearance: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
padding-left: 40px;
|
padding-left: ${({ search }) => (search ? '40px' : '15px')};
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
border-color: ${theme.contentBorderActive};
|
border-color: ${theme.contentBorderActive};
|
||||||
|
@ -33,9 +33,9 @@ const MobileInput = styled.input`
|
||||||
|
|
||||||
const MobileSearch = props => (
|
const MobileSearch = props => (
|
||||||
<div style={{ position: 'relative' }}>
|
<div style={{ position: 'relative' }}>
|
||||||
<div style={searchWrapper}>
|
{props.search && <div style={searchWrapper}>
|
||||||
<SearchIcon />
|
<SearchIcon />
|
||||||
</div>
|
</div>}
|
||||||
<MobileInput {...props} />
|
<MobileInput {...props} />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in New Issue