denozord/MikrotikManager
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 104 Wiki Activity

fix(ui): исправить адаптивность форм и вкладок мониторинга

Browse Source
This commit is contained in:
Denozordec committed 2026-09-23 14:38:52 +07:00
1 parent a9ed459481
commit 9cd15528c9
4 files changed
+61 -8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/(main)/uptime/page.tsx
+7 -7
View File
@@ -2049,7 +2049,7 @@ function UptimePageContent({ selectedProbeId, allProbesHref }: { selectedProbeId
)}
{/* ── tab switcher ── */}
<div className="border-b bg-muted/10 px-6 flex items-center gap-1 shrink-0">
<div className="border-b bg-muted/10 px-3 sm:px-6 flex flex-wrap items-center gap-1 shrink-0">
{(["probes", "resources", "speed"] as const).map(t => (
<button
key={t}
@@ -2195,7 +2195,7 @@ function UptimePageContent({ selectedProbeId, allProbesHref }: { selectedProbeId
: <ChevronDownIcon className="size-4 text-muted-foreground shrink-0" />}
<StatusDot status={server.status} pulse={server.status === "online"} />
<Flag code={server.country} size={16} />
<span className="font-mono text-sm font-semibold">{server.name}</span>
<span className="min-w-0 flex-1 wrap-anywhere font-mono text-sm font-semibold">{server.name}</span>
<TypeChip type={server.type} />
<span className="text-xs text-muted-foreground ml-auto">{srvProbes.length} проб</span>
</button>
@@ -2739,7 +2739,7 @@ function UptimePageContent({ selectedProbeId, allProbesHref }: { selectedProbeId
}
setSpeedSheetOpen(true)
}}>
<SheetContent side="right" className="sm:max-w-[420px] flex flex-col p-0" showCloseButton={false}>
<SheetContent side="right" className="data-[side=right]:w-full sm:max-w-[420px] flex flex-col p-0" showCloseButton={false}>
<SheetHeader className="px-5 pt-5 pb-4 border-b shrink-0">
<div className="flex items-center justify-between gap-2">
<div>
@@ -2756,7 +2756,7 @@ function UptimePageContent({ selectedProbeId, allProbesHref }: { selectedProbeId
{permissionError && <ContextAlert variant="destructive" role="alert"><ContextDescription>{permissionError}</ContextDescription></ContextAlert>}
{probeSaveError && <ContextAlert variant="destructive" role="alert"><ContextDescription>{probeSaveError}</ContextDescription></ContextAlert>}
<fieldset disabled={probeSaving} aria-busy={probeSaving} className="flex-1 min-h-0 overflow-y-auto px-5 py-5 flex flex-col gap-5">
<fieldset disabled={probeSaving} aria-busy={probeSaving} className="flex-1 min-h-0 min-w-0 overflow-y-auto px-5 py-5 flex flex-col gap-5">
<FormField label="Источник">
<ServerPickerCards
options={selectableSources}
@@ -2801,7 +2801,7 @@ function UptimePageContent({ selectedProbeId, allProbesHref }: { selectedProbeId
/>
</FormField>
<div className="grid grid-cols-3 gap-3">
<div className="grid grid-cols-1 gap-3">
<FormField label="Протокол">
<SegmentedControl
value={speedDraft.protocol}
@@ -2883,7 +2883,7 @@ function UptimePageContent({ selectedProbeId, allProbesHref }: { selectedProbeId
}
setSheetOpen(true)
}}>
<SheetContent side="right" className="sm:max-w-[420px] flex flex-col p-0" showCloseButton={false}>
<SheetContent side="right" className="data-[side=right]:w-full sm:max-w-[420px] flex flex-col p-0" showCloseButton={false}>
<SheetHeader className="px-5 pt-5 pb-4 border-b shrink-0">
<div className="flex items-center justify-between gap-2">
@@ -2901,7 +2901,7 @@ function UptimePageContent({ selectedProbeId, allProbesHref }: { selectedProbeId
{permissionError && <ContextAlert variant="destructive" role="alert"><ContextDescription>{permissionError}</ContextDescription></ContextAlert>}
{probeSaveError && <ContextAlert variant="destructive" role="alert"><ContextDescription>{probeSaveError}</ContextDescription></ContextAlert>}
<fieldset disabled={probeSaving} aria-busy={probeSaving} className="flex-1 min-h-0 overflow-y-auto px-5 py-5 flex flex-col gap-5">
<fieldset disabled={probeSaving} aria-busy={probeSaving} className="flex-1 min-h-0 min-w-0 overflow-y-auto px-5 py-5 flex flex-col gap-5">
{/* from → to visual */}
<div className="flex items-center gap-2 rounded-lg bg-muted/40 border px-4 py-3">