go-pkg/asynqmon
2
0
Fork 0
mirror of https://github.com/hibiken/asynqmon.git synced 2025-01-19 03:05:53 +08:00
Code Issues Projects Releases Wiki Activity

Update settings view styles

Browse Source
This commit is contained in:
Ken Hibino 2021-01-14 21:53:36 -08:00
parent 1df5004203
commit 2bc49f02ed
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
ui/src/views/SettingsView.tsx
View File

@ -9,7 +9,6 @@ import Slider from "@material-ui/core/Slider";
import { pollIntervalChange, selectTheme } from "../actions/settingsActions"; import { pollIntervalChange, selectTheme } from "../actions/settingsActions";
import { AppState } from "../store"; import { AppState } from "../store";
import FormControl from "@material-ui/core/FormControl/FormControl"; import FormControl from "@material-ui/core/FormControl/FormControl";
import InputLabel from "@material-ui/core/InputLabel";
import Select from "@material-ui/core/Select"; import Select from "@material-ui/core/Select";
import MenuItem from "@material-ui/core/MenuItem"; import MenuItem from "@material-ui/core/MenuItem";
import { ThemePreference } from "../reducers/settingsReducer"; import { ThemePreference } from "../reducers/settingsReducer";
@ -63,13 +62,17 @@ function SettingsView(props: PropsFromRedux) {
props.selectTheme(event.target.value as ThemePreference); props.selectTheme(event.target.value as ThemePreference);
}; };
return ( return (
<Container maxWidth="md" className={classes.container}> <Container maxWidth="lg" className={classes.container}>
<Grid container spacing={3}> <Grid container spacing={3} justify="center">
<Grid item xs={12}> <Grid item xs={1} />
<Grid item xs={6}>
<Typography variant="h5" color="textPrimary"> <Typography variant="h5" color="textPrimary">
Settings Settings
</Typography> </Typography>
</Grid> </Grid>
<Grid item xs={5} />
<Grid item xs={1} />
<Grid item xs={6}> <Grid item xs={6}>
<Paper className={classes.paper} variant="outlined"> <Paper className={classes.paper} variant="outlined">
<Typography color="textPrimary">Polling Interval</Typography> <Typography color="textPrimary">Polling Interval</Typography>
@ -93,10 +96,15 @@ function SettingsView(props: PropsFromRedux) {
/> />
</Paper> </Paper>
</Grid> </Grid>
<Grid item> <Grid xs={5} />
<Grid item xs={1} />
<Grid item xs={6}>
<Paper className={classes.paper} variant="outlined"> <Paper className={classes.paper} variant="outlined">
<FormControl variant="outlined" className={classes.formControl}> <FormControl variant="outlined" className={classes.formControl}>
<InputLabel id="theme-label">Dark theme</InputLabel> <Typography color="textPrimary" gutterBottom>
Dark theme
</Typography>
<Select <Select
labelId="theme-label" labelId="theme-label"
id="theme-selected" id="theme-selected"
@ -113,6 +121,7 @@ function SettingsView(props: PropsFromRedux) {
</FormControl> </FormControl>
</Paper> </Paper>
</Grid> </Grid>
<Grid item xs={5} />
</Grid> </Grid>
</Container> </Container>
); );