fix: a display error on the connections page

This commit is contained in:
aixiao0621 2024-06-02 17:26:23 +08:00
parent 69b65d06a4
commit f5f4ecf46a

View File

@ -7,6 +7,7 @@ import {
MenuItem, MenuItem,
Select, Select,
SelectProps, SelectProps,
Typography,
styled, styled,
} from "@mui/material"; } from "@mui/material";
import { useRecoilState } from "recoil"; import { useRecoilState } from "recoil";
@ -130,7 +131,7 @@ const ConnectionsPage = () => {
return ( return (
<BasePage <BasePage
full full
title={t("Connections")} title={<span style={{ whiteSpace: "nowrap" }}>{t("Connections")}</span>}
contentStyle={{ height: "100%" }} contentStyle={{ height: "100%" }}
header={ header={
<Box sx={{ display: "flex", alignItems: "center", gap: 2 }}> <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
@ -159,7 +160,9 @@ const ConnectionsPage = () => {
</IconButton> </IconButton>
<Button size="small" variant="contained" onClick={onCloseAll}> <Button size="small" variant="contained" onClick={onCloseAll}>
{t("Close All")} <Typography component="span" style={{ whiteSpace: "nowrap" }}>
{t("Close All")}
</Typography>
</Button> </Button>
</Box> </Box>
} }