mirrors/Hypfer-Valetudo
2
0
Fork 0
mirror of https://github.com/Hypfer/Valetudo.git synced 2025-10-26 11:27:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): Fix timers view broken by the grid2 migration

Browse Source
This commit is contained in:
Sören Beye 2025-03-12 20:48:50 +01:00
parent e42adcb709
commit b7de2f32db
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/valetudo/timers/Timers.tsx
View File

@ -80,7 +80,7 @@ const Timers = (): React.ReactElement => {
};
return (
<Grid2 size="grow" key={id}>
<Grid2 key={id}>
<TimerCard
onDelete={onDelete}
onSave={onSave}
@ -115,18 +115,7 @@ const Timers = (): React.ReactElement => {
return (
<PaperContainer>
<Grid2 container>
<Grid2 size={(timerCards?.length ?? 0) > 0 ? "auto" : "grow"} container spacing={2} sx={{justifyContent: "center"}}>
{
timerCards && timerCards.length > 0 ?
timerCards :
<Typography
sx={{padding:"1rem", textAlign: "center", marginTop: "10vh", marginBottom: "5vh"}}
>
You currently don&apos;t have any timers configured in Valetudo.
</Typography>
}
</Grid2>
<Grid2 container direction="column">
<Grid2 sx={{marginLeft: "auto", height: "4rem"}}>
<IconButton
onClick={() => {
@ -137,6 +126,17 @@ const Timers = (): React.ReactElement => {
<HelpIcon/>
</IconButton>
</Grid2>
<Grid2 container spacing={2} sx={{justifyContent: "center"}}>
{
timerCards && timerCards.length > 0 ?
timerCards :
<Typography
sx={{padding:"1rem", textAlign: "center", marginTop: "10vh", marginBottom: "5vh"}}
>
You currently don&apos;t have any timers configured in Valetudo.
</Typography>
}
</Grid2>
</Grid2>
{