RepoMirrors
/
alertmanager
mirror of https://github.com/prometheus/alertmanager
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

make the table small and change the navbar color 

Signed-off-by: Augustin Husson <augustin.husson@amadeus.com>
This commit is contained in:
Augustin Husson 2023-03-01 15:30:30 +01:00
parent 25d1f32138
commit 0a488e265e
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/react-app/src/components/navbar.tsx
View File

@ -7,7 +7,7 @@ export default function Navbar(): JSX.Element {
<AppBar position={'fixed'} elevation={1}> <AppBar position={'fixed'} elevation={1}>
<Toolbar <Toolbar
sx={{ sx={{
backgroundColor: 'lightgrey', backgroundColor: 'aliceblue',
}} }}
> >
<Box sx={{ display: 'flex', flexDirection: 'row' }} flexGrow={1}> <Box sx={{ display: 'flex', flexDirection: 'row' }} flexGrow={1}>

6
ui/react-app/src/views/ViewStatus.tsx
View File

@ -50,12 +50,12 @@ export default function ViewStatus() {
<Container maxWidth="md"> <Container maxWidth="md">
<Typography variant="h4">Status</Typography> <Typography variant="h4">Status</Typography>
<TableContainer> <TableContainer>
<Table sx={tableStyle}> <Table size="small" sx={tableStyle}>
<CustomTableCell header="Uptime" content={data.uptime} /> <CustomTableCell header="Uptime" content={data.uptime} />
</Table> </Table>
</TableContainer> </TableContainer>
<Typography variant="h4">Cluster Status</Typography> <Typography variant="h4">Cluster Status</Typography>
<Table sx={tableStyle}> <Table size="small" sx={tableStyle}>
<CustomTableCell header="Name" content={data.cluster.name} /> <CustomTableCell header="Name" content={data.cluster.name} />
<TableRow> <TableRow>
<TableCell variant="head" sx={tableHeaderStyle}> <TableCell variant="head" sx={tableHeaderStyle}>
@ -68,7 +68,7 @@ export default function ViewStatus() {
</Table> </Table>
<Typography variant="h4">Version Information</Typography> <Typography variant="h4">Version Information</Typography>
<TableContainer> <TableContainer>
<Table sx={tableStyle}> <Table size="small" sx={tableStyle}>
<CustomTableCell header="Branch" content={data.versionInfo.branch} /> <CustomTableCell header="Branch" content={data.versionInfo.branch} />
<CustomTableCell header="Build Date" content={data.versionInfo.buildDate} /> <CustomTableCell header="Build Date" content={data.versionInfo.buildDate} />
<CustomTableCell header="Build User" content={data.versionInfo.buildUser} /> <CustomTableCell header="Build User" content={data.versionInfo.buildUser} />