feat: cleaner UI
This commit is contained in:
@@ -188,8 +188,8 @@ export const ScheduleSettingsPage = ({
|
|||||||
display: "flex",
|
display: "flex",
|
||||||
flexDirection: "column",
|
flexDirection: "column",
|
||||||
alignItems: "flex-start",
|
alignItems: "flex-start",
|
||||||
"& > *": { marginBottom: "20px" },
|
gap: 3,
|
||||||
marginTop: "-20px",
|
width: "100%",
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<>
|
<>
|
||||||
@@ -215,7 +215,7 @@ export const ScheduleSettingsPage = ({
|
|||||||
{t("schedule_settings.at_around")}: {schedule.atTimeStart},{" "}
|
{t("schedule_settings.at_around")}: {schedule.atTimeStart},{" "}
|
||||||
{schedule.timezone} {t("schedule_settings.timezone")}
|
{schedule.timezone} {t("schedule_settings.timezone")}
|
||||||
</Typography>
|
</Typography>
|
||||||
<Box mt={2} display="flex" justifyContent="space-between">
|
<Box sx={{ mt: 2, width: "100%" }}>
|
||||||
<Button
|
<Button
|
||||||
onClick={deleteRobotSchedule}
|
onClick={deleteRobotSchedule}
|
||||||
variant="outlined"
|
variant="outlined"
|
||||||
@@ -231,7 +231,7 @@ export const ScheduleSettingsPage = ({
|
|||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<Box sx={{ display: "flex", alignItems: "center", width: "100%" }}>
|
<Box sx={{ display: "flex", alignItems: "center", width: "100%" }}>
|
||||||
<Typography sx={{ marginRight: "10px" }}>
|
<Typography sx={{ width: "200px", flexShrink: 0 }}>
|
||||||
{t("schedule_settings.labels.run_once_every")}
|
{t("schedule_settings.labels.run_once_every")}
|
||||||
</Typography>
|
</Typography>
|
||||||
<TextField
|
<TextField
|
||||||
@@ -263,7 +263,7 @@ export const ScheduleSettingsPage = ({
|
|||||||
</Box>
|
</Box>
|
||||||
|
|
||||||
<Box sx={{ display: "flex", alignItems: "center", width: "100%" }}>
|
<Box sx={{ display: "flex", alignItems: "center", width: "100%" }}>
|
||||||
<Typography sx={{ marginBottom: "5px", marginRight: "25px" }}>
|
<Typography sx={{ width: "200px", flexShrink: 0 }}>
|
||||||
{["MONTHS", "WEEKS"].includes(settings.runEveryUnit)
|
{["MONTHS", "WEEKS"].includes(settings.runEveryUnit)
|
||||||
? t("schedule_settings.labels.start_from_label")
|
? t("schedule_settings.labels.start_from_label")
|
||||||
: t("schedule_settings.labels.start_from_label")}
|
: t("schedule_settings.labels.start_from_label")}
|
||||||
@@ -288,7 +288,7 @@ export const ScheduleSettingsPage = ({
|
|||||||
|
|
||||||
{settings.runEveryUnit === "MONTHS" && (
|
{settings.runEveryUnit === "MONTHS" && (
|
||||||
<Box sx={{ display: "flex", alignItems: "center", width: "100%" }}>
|
<Box sx={{ display: "flex", alignItems: "center", width: "100%" }}>
|
||||||
<Typography sx={{ marginBottom: "5px", marginRight: "25px" }}>
|
<Typography sx={{ width: "200px", flexShrink: 0 }}>
|
||||||
{t("schedule_settings.labels.on_day_of_month")}
|
{t("schedule_settings.labels.on_day_of_month")}
|
||||||
</Typography>
|
</Typography>
|
||||||
<TextField
|
<TextField
|
||||||
@@ -305,10 +305,10 @@ export const ScheduleSettingsPage = ({
|
|||||||
|
|
||||||
{["MINUTES", "HOURS"].includes(settings.runEveryUnit) ? (
|
{["MINUTES", "HOURS"].includes(settings.runEveryUnit) ? (
|
||||||
<Box sx={{ display: "flex", alignItems: "center", width: "100%" }}>
|
<Box sx={{ display: "flex", alignItems: "center", width: "100%" }}>
|
||||||
<Box sx={{ marginRight: "20px" }}>
|
<Typography sx={{ width: "200px", flexShrink: 0 }}>
|
||||||
<Typography sx={{ marginBottom: "5px" }}>
|
{t("schedule_settings.labels.in_between")}
|
||||||
{t("schedule_settings.labels.in_between")}
|
</Typography>
|
||||||
</Typography>
|
<Box sx={{ display: "flex", gap: 1 }}>
|
||||||
<TextField
|
<TextField
|
||||||
type="time"
|
type="time"
|
||||||
value={settings.atTimeStart}
|
value={settings.atTimeStart}
|
||||||
@@ -329,7 +329,7 @@ export const ScheduleSettingsPage = ({
|
|||||||
</Box>
|
</Box>
|
||||||
) : (
|
) : (
|
||||||
<Box sx={{ display: "flex", alignItems: "center", width: "100%" }}>
|
<Box sx={{ display: "flex", alignItems: "center", width: "100%" }}>
|
||||||
<Typography sx={{ marginBottom: "5px", marginRight: "10px" }}>
|
<Typography sx={{ width: "200px", flexShrink: 0 }}>
|
||||||
{t("schedule_settings.at_around")}
|
{t("schedule_settings.at_around")}
|
||||||
</Typography>
|
</Typography>
|
||||||
<TextField
|
<TextField
|
||||||
@@ -344,7 +344,7 @@ export const ScheduleSettingsPage = ({
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
<Box sx={{ display: "flex", alignItems: "center", width: "100%" }}>
|
<Box sx={{ display: "flex", alignItems: "center", width: "100%" }}>
|
||||||
<Typography sx={{ marginRight: "10px" }}>
|
<Typography sx={{ width: "200px", flexShrink: 0 }}>
|
||||||
{t("schedule_settings.timezone")}
|
{t("schedule_settings.timezone")}
|
||||||
</Typography>
|
</Typography>
|
||||||
<Dropdown
|
<Dropdown
|
||||||
@@ -370,4 +370,4 @@ export const ScheduleSettingsPage = ({
|
|||||||
</Box>
|
</Box>
|
||||||
</RobotConfigPage>
|
</RobotConfigPage>
|
||||||
);
|
);
|
||||||
};
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user