feat: cleaner UI

This commit is contained in:
amhsirak
2025-11-05 22:01:58 +05:30
parent c235ac240e
commit 56467d5560

View File

@@ -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>
); );
}; }