fix(backups): адаптировать историю и формы к узким экранам

This commit is contained in:
Denozordec committed 2026-10-01 16:45:41 +07:00
1 parent 11e357cc94
commit b74084b67c
16 files changed
+83 -10

No files matched your search

+5 -3
View File
@@ -152,6 +152,7 @@ export function BackupsSettings({
<div className="flex flex-col gap-4">
<FormField label="Частота">
<SegmentedControl
className="w-full flex-wrap"
value={schedule.frequency}
onChange={(v) => onScheduleChange("frequency", v)}
options={[
@@ -164,7 +165,7 @@ export function BackupsSettings({
{schedule.frequency === "weekly" && (
<FormField label="День недели">
<div className="flex gap-1">
<div className="flex flex-wrap gap-1">
{WEEK_DAYS.map((d, i) => (
<button
key={d}
@@ -199,7 +200,7 @@ export function BackupsSettings({
)}
<FormField label="Время запуска">
<div className="flex items-center gap-2">
<div className="flex flex-wrap items-center gap-2">
<Input
type="number"
min={0}
@@ -211,7 +212,7 @@ export function BackupsSettings({
/>
<span className="text-muted-foreground font-mono text-lg">:</span>
<Input aria-label="Минута запуска" type="number" min={0} max={59} className="font-mono w-20 text-center" value={schedule.minute} onChange={e => onScheduleChange("minute", e.target.value)} />
<div className="flex gap-1">
<div className="flex flex-wrap gap-1">
{[0, 15, 30, 45].map((m) => (
<button
key={m}
@@ -267,6 +268,7 @@ export function BackupsSettings({
{savedStorage?.lastTestAt && <p className="text-xs text-muted-foreground">Последняя проверка: {new Date(savedStorage.lastTestAt).toLocaleString("ru-RU")}. Текущая доступность может измениться.</p>}
<FormField label="Тип хранилища">
<SegmentedControl
className="w-full flex-wrap"
value={storage.provider}
onChange={(v) => onStorageChange("provider", v)}
options={[