diff --git a/src/app/OlMap/Controls/Timeline.tsx b/src/app/OlMap/Controls/Timeline.tsx index f7cc65f..208e984 100644 --- a/src/app/OlMap/Controls/Timeline.tsx +++ b/src/app/OlMap/Controls/Timeline.tsx @@ -605,14 +605,16 @@ const Timeline: React.FC = ({ sx={{ mb: 2, flexWrap: "wrap", gap: 1 }} > - - - + + + + + {/* 日期选择器 */} = ({ disabled={disableDateSelection} /> - - - + + + + + {/* 播放控制按钮 */} diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx index e604017..ee6f578 100644 --- a/src/app/login/page.tsx +++ b/src/app/login/page.tsx @@ -5,7 +5,7 @@ import Button from "@mui/material/Button"; import Container from "@mui/material/Container"; import Typography from "@mui/material/Typography"; import { useLogin } from "@refinedev/core"; -import { ThemedTitle } from "@refinedev/mui"; +import { Title } from "@components/title"; export default function Login() { const { mutate: login } = useLogin(); @@ -25,13 +25,9 @@ export default function Login() { justifyContent="center" flexDirection="column" > - + + + </Box> <Button style={{ width: "240px" }} size="large" diff --git a/src/components/olmap/HealthRiskAnalysis/Timeline.tsx b/src/components/olmap/HealthRiskAnalysis/Timeline.tsx index 957a99b..13ff443 100644 --- a/src/components/olmap/HealthRiskAnalysis/Timeline.tsx +++ b/src/components/olmap/HealthRiskAnalysis/Timeline.tsx @@ -485,14 +485,16 @@ const Timeline: React.FC<TimelineProps> = ({ sx={{ mb: 2, flexWrap: "wrap", gap: 1 }} > <Tooltip title="后退一天"> - <IconButton - color="primary" - onClick={handleDayStepBackward} - size="small" - disabled={disableDateSelection} - > - <FiSkipBack /> - </IconButton> + <span> + <IconButton + color="primary" + onClick={handleDayStepBackward} + size="small" + disabled={disableDateSelection} + > + <FiSkipBack /> + </IconButton> + </span> </Tooltip> {/* 日期时间选择器 */} <DateTimePicker @@ -515,18 +517,20 @@ const Timeline: React.FC<TimelineProps> = ({ ampm={false} /> <Tooltip title="前进一天"> - <IconButton - color="primary" - onClick={handleDayStepForward} - size="small" - disabled={ - disableDateSelection || - selectedDateTime.toDateString() === - new Date().toDateString() - } - > - <FiSkipForward /> - </IconButton> + <span> + <IconButton + color="primary" + onClick={handleDayStepForward} + size="small" + disabled={ + disableDateSelection || + selectedDateTime.toDateString() === + new Date().toDateString() + } + > + <FiSkipForward /> + </IconButton> + </span> </Tooltip> {/* 播放控制按钮 */} <Box sx={{ display: "flex", gap: 1 }} className="ml-4">