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

Fix TasksTable styles

Browse Source
This commit is contained in:
Ken Hibino 2022-03-23 20:47:39 -07:00
parent a0e80ca4da
commit 568e2e301c
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ui/src/components/TasksTable.tsx
View File

@ -12,6 +12,7 @@ import ScheduledTasksTable from "./ScheduledTasksTable";
import RetryTasksTable from "./RetryTasksTable"; import RetryTasksTable from "./RetryTasksTable";
import ArchivedTasksTable from "./ArchivedTasksTable"; import ArchivedTasksTable from "./ArchivedTasksTable";
import CompletedTasksTable from "./CompletedTasksTable"; import CompletedTasksTable from "./CompletedTasksTable";
import TaskGroupsTable from "./TaskGroupsTable";
import { useHistory } from "react-router-dom"; import { useHistory } from "react-router-dom";
import { queueDetailsPath, taskDetailsPath } from "../paths"; import { queueDetailsPath, taskDetailsPath } from "../paths";
import { QueueInfo } from "../reducers/queuesReducer"; import { QueueInfo } from "../reducers/queuesReducer";
@ -108,12 +109,14 @@ const useStyles = makeStyles((theme) => ({
marginLeft: "2px", marginLeft: "2px",
}, },
searchbar: { searchbar: {
paddingLeft: theme.spacing(2), paddingLeft: theme.spacing(1),
paddingRight: theme.spacing(2), paddingRight: theme.spacing(1),
marginRight: theme.spacing(1),
flex: 1,
}, },
search: { search: {
position: "relative", position: "relative",
width: "280px", maxWidth: 400,
borderRadius: "18px", borderRadius: "18px",
backgroundColor: isDarkTheme(theme) ? "#303030" : theme.palette.grey[100], backgroundColor: isDarkTheme(theme) ? "#303030" : theme.palette.grey[100],
"&:hover, &:focus": { "&:hover, &:focus": {
@ -226,7 +229,7 @@ function TasksTable(props: Props & ReduxProps) {
/> />
</TabPanel> </TabPanel>
<TabPanel value="aggregating" selected={props.selected}> <TabPanel value="aggregating" selected={props.selected}>
<h3>TODO: GroupTable here</h3> <TaskGroupsTable />
</TabPanel> </TabPanel>
<TabPanel value="scheduled" selected={props.selected}> <TabPanel value="scheduled" selected={props.selected}>
<ScheduledTasksTable <ScheduledTasksTable