From bfe79ca6019739feb51a23f082ce56cf3ccd6c20 Mon Sep 17 00:00:00 2001 From: Denozordec Date: Fri, 10 Apr 2026 17:04:45 +0700 Subject: [PATCH] Update layout and component structure in Svelte pages - Adjusted the layout of several Svelte components to ensure consistent spacing and alignment, specifically changing `gap-3` to `gap-4` in multiple instances. - Replaced Card components with DataTableCard in the Mihomo page for improved data presentation. - Enhanced text formatting for better readability across various pages, ensuring consistent use of class attributes. --- web/src/routes/ips/+page.svelte | 2 +- web/src/routes/mihomo/+page.svelte | 33 +++++++++---------- web/src/routes/servers/[alias]/+page.svelte | 2 +- .../servers/[alias]/mihomo/+page.svelte | 4 +-- web/src/routes/users/+page.svelte | 2 +- 5 files changed, 21 insertions(+), 22 deletions(-) diff --git a/web/src/routes/ips/+page.svelte b/web/src/routes/ips/+page.svelte index 948329e..866a7d9 100644 --- a/web/src/routes/ips/+page.svelte +++ b/web/src/routes/ips/+page.svelte @@ -516,7 +516,7 @@ $effect(() => { let isDataEmpty = $derived(!loading && totalIpRows === 0 && !err); -
+

Уникальные IP

diff --git a/web/src/routes/mihomo/+page.svelte b/web/src/routes/mihomo/+page.svelte index fea10e4..43c62c3 100644 --- a/web/src/routes/mihomo/+page.svelte +++ b/web/src/routes/mihomo/+page.svelte @@ -11,9 +11,11 @@ import { formatBytes } from '$lib/format.js'; import * as Table from '$lib/components/ui/table/index.js'; import * as Card from '$lib/components/ui/card/index.js'; + import { ScrollArea } from '$lib/components/ui/scroll-area/index.js'; import { Button } from '$lib/components/ui/button/index.js'; import { Badge } from '$lib/components/ui/badge/index.js'; import KpiStatCard from '$lib/components/kpi-stat-card.svelte'; + import DataTableCard from '$lib/components/data-table/data-table-card.svelte'; import DataQueryState from '$lib/components/fleet/data-query-state.svelte'; import MihomoProxyGroups from '$lib/components/mihomo/mihomo-proxy-groups.svelte'; import { Skeleton } from '$lib/components/ui/skeleton/index.js'; @@ -189,10 +191,10 @@ } -

+

Mihomo (флот)

-

+

Сводка по нодам и управление прокси. Опрос соединений каждые {POLL_MS / 1000} с.

@@ -206,7 +208,7 @@ {#snippet empty()} -

+

В снимке агрегата нет серверов. Проверьте шлюз и конфигурацию servers.

{/snippet} @@ -255,15 +257,11 @@
- - - Ноды - - Контроллер и метрики. Ниже — компактные группы прокси (автозагрузка). «Детально» — обзор с - графиками. - - - + + @@ -333,8 +331,8 @@ {/each} - - + +
@@ -350,8 +348,9 @@ {#each rows.filter((r) => r.metaStatus === 'ok') as r (r.alias)} @@ -413,7 +412,7 @@ {/each} {#if rows.filter((r) => r.metaStatus === 'ok').length === 0} -

+

Нет нод с настроенным Mihomo — переключать прокси негде. Проверьте конфиг шлюза.

{/if} diff --git a/web/src/routes/servers/[alias]/+page.svelte b/web/src/routes/servers/[alias]/+page.svelte index 5679d2d..5c0515f 100644 --- a/web/src/routes/servers/[alias]/+page.svelte +++ b/web/src/routes/servers/[alias]/+page.svelte @@ -75,7 +75,7 @@ let handshakeT = $derived(num(summary?.handshake_timeouts_total)); -
+

Сервер: обзор

diff --git a/web/src/routes/servers/[alias]/mihomo/+page.svelte b/web/src/routes/servers/[alias]/mihomo/+page.svelte index 84e830b..9b9ac60 100644 --- a/web/src/routes/servers/[alias]/mihomo/+page.svelte +++ b/web/src/routes/servers/[alias]/mihomo/+page.svelte @@ -496,10 +496,10 @@ }); -

+

Mihomo

-

Обзор и прокси (external-controller)

+

Обзор и прокси (external-controller)

diff --git a/web/src/routes/users/+page.svelte b/web/src/routes/users/+page.svelte index de308dc..4800707 100644 --- a/web/src/routes/users/+page.svelte +++ b/web/src/routes/users/+page.svelte @@ -343,7 +343,7 @@ let sumActiveIps = $derived.by(() => } -
+

Пользователи (флот)