status-im
/
ens-usernames
mirror of https://github.com/status-im/ens-usernames.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

make register button full width

This commit is contained in:
Barry Gitarts 2018-07-16 12:56:23 -04:00
parent 9320c0d617
commit c7b61f52ba
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/ens/registerSubDomain.js
View File

@ -113,8 +113,8 @@ const InnerForm = ({
required required
wide /> wide />
</Field> </Field>
<div style={{ position: 'absolute', left: 0, right: 0, bottom: 0, width: '1vw'}}> <div style={{ position: 'absolute', left: 0, right: 0, bottom: 0 }}>
<MobileButton type="submit" text="Register with transaction" /> <MobileButton type="submit" text="Register with transaction" style={{ width: '100%' }}/>
</div> </div>
</Hidden> </Hidden>
</form> </form>

5
app/ui/components/MobileButton.js
View File

@ -5,15 +5,14 @@ import Button from '@material-ui/core/Button';
const styles = theme => ({ const styles = theme => ({
button: { button: {
margin: theme.spacing.unit,
borderRadius: '4px', borderRadius: '4px',
backgroundColor: 'rgb(67, 96, 223, 0.1)', backgroundColor: 'rgb(67, 96, 223, 0.1)',
} }
}); });
const buttonText = { color: '#4360df', margin: '0 20px', fontWeight: 300 }; const buttonText = { color: '#4360df', margin: '0 20px', fontWeight: 300 };
const MobileButton = ({ classes, text, type }) => ( const MobileButton = ({ classes, text, type, style }) => (
<Fragment> <Fragment>
<Button type={type} size="large" className={classNames(classes.button)} > <Button type={type} size="large" className={classNames(classes.button)} style={style}>
<div style={buttonText}>{text}</div> <div style={buttonText}>{text}</div>
</Button> </Button>
</Fragment> </Fragment>