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