fix: gold checkbox + button layout in schedule modal

- Custom gold checkbox for 'Одинаковое время'
- Delete button moved to right with text label
- Save button on left

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-12 15:32:10 +03:00
parent 5fe2500dbe
commit 8ef5fc975c

View File

@@ -401,27 +401,29 @@ function ClassModal({
{/* Same time checkbox + time fields */}
{selectedDays.size > 1 && (
<label className="flex items-center gap-2 text-sm text-neutral-300 cursor-pointer select-none">
<input
type="checkbox"
checked={sameTime}
onChange={(e) => {
const checked = e.target.checked;
setSameTime(checked);
if (checked) {
// Sync all days to current day's time
const refTime = dayTimes[currentDay] || Object.values(dayTimes)[0] || cls.time;
setDayTimes((prev) => {
const next: Record<string, string> = {};
for (const d of Object.keys(prev)) next[d] = refTime;
return next;
});
}
}}
className="rounded border-white/20 bg-neutral-800 text-gold focus:ring-gold/50"
/>
<button
type="button"
onClick={() => {
const checked = !sameTime;
setSameTime(checked);
if (checked) {
const refTime = dayTimes[currentDay] || Object.values(dayTimes)[0] || cls.time;
setDayTimes((prev) => {
const next: Record<string, string> = {};
for (const d of Object.keys(prev)) next[d] = refTime;
return next;
});
}
}}
className="flex items-center gap-2 text-sm text-neutral-300 select-none"
>
<span className={`inline-flex items-center justify-center w-4 h-4 rounded border transition-colors ${
sameTime ? "bg-gold border-gold" : "border-white/20 bg-neutral-800"
}`}>
{sameTime && <span className="text-black text-xs font-bold leading-none"></span>}
</span>
Одинаковое время
</label>
</button>
)}
{sameTime || selectedDays.size <= 1 ? (
@@ -504,7 +506,7 @@ function ClassModal({
</div>
)}
<div className="mt-6 flex items-center gap-3">
<div className="mt-6 flex items-center gap-2">
<button
type="button"
onClick={() => {
@@ -528,9 +530,10 @@ function ClassModal({
onDelete();
onClose();
}}
className="rounded-lg border border-red-500/30 px-4 py-2.5 text-sm text-red-400 hover:bg-red-500/10 transition-colors"
className="rounded-lg border border-red-500/30 px-4 py-2.5 text-sm text-red-400 hover:bg-red-500/10 transition-colors flex items-center gap-1.5"
>
<Trash2 size={16} />
<Trash2 size={14} />
Удалить
</button>
)}
</div>