diff options
author | Michael Muré <batolettre@gmail.com> | 2021-03-07 22:09:41 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-03-07 22:09:41 +0100 |
commit | 501e1678b2af280300a4c35d762c54379e3142e4 (patch) | |
tree | 8577cf83b4d661184b9e38b17fee9652daf4b153 /webui/src/pages/new/NewBugPage.tsx | |
parent | 2a21b02af157275e20c4ce6d308b45f9a3d7ebaf (diff) | |
parent | c2c5c40e752663e238bdd29c54d3a5634ba9615c (diff) | |
download | git-bug-501e1678b2af280300a4c35d762c54379e3142e4.tar.gz |
Merge pull request #588 from GlancingMind/upstream-dark-colorscheme
Dark Colorscheme
Diffstat (limited to 'webui/src/pages/new/NewBugPage.tsx')
-rw-r--r-- | webui/src/pages/new/NewBugPage.tsx | 27 |
1 files changed, 5 insertions, 22 deletions
diff --git a/webui/src/pages/new/NewBugPage.tsx b/webui/src/pages/new/NewBugPage.tsx index c9e268b6..a46226ad 100644 --- a/webui/src/pages/new/NewBugPage.tsx +++ b/webui/src/pages/new/NewBugPage.tsx @@ -2,9 +2,9 @@ import React, { FormEvent, useState } from 'react'; import { Button } from '@material-ui/core'; import Paper from '@material-ui/core/Paper'; -import TextField from '@material-ui/core/TextField/TextField'; -import { fade, makeStyles, Theme } from '@material-ui/core/styles'; +import { makeStyles, Theme } from '@material-ui/core/styles'; +import BugTitleInput from '../../components/BugTitleForm/BugTitleInput'; import CommentInput from '../../components/CommentInput/CommentInput'; import { useNewBugMutation } from './NewBug.generated'; @@ -21,19 +21,6 @@ const useStyles = makeStyles((theme: Theme) => ({ padding: theme.spacing(2), overflow: 'hidden', }, - titleInput: { - borderRadius: theme.shape.borderRadius, - borderColor: fade(theme.palette.primary.main, 0.2), - borderStyle: 'solid', - borderWidth: '1px', - backgroundColor: fade(theme.palette.primary.main, 0.05), - padding: theme.spacing(0, 0), - transition: theme.transitions.create([ - 'width', - 'borderColor', - 'backgroundColor', - ]), - }, form: { display: 'flex', flexDirection: 'column', @@ -43,11 +30,8 @@ const useStyles = makeStyles((theme: Theme) => ({ justifyContent: 'flex-end', }, greenButton: { - backgroundColor: '#2ea44fd9', - color: '#fff', - '&:hover': { - backgroundColor: '#2ea44f', - }, + backgroundColor: theme.palette.success.main, + color: theme.palette.success.contrastText, }, })); @@ -85,12 +69,11 @@ function NewBugPage() { return ( <Paper className={classes.main}> <form className={classes.form} onSubmit={submitNewIssue}> - <TextField + <BugTitleInput inputRef={(node) => { issueTitleInput = node; }} label="Title" - className={classes.titleInput} variant="outlined" fullWidth margin="dense" |