busya/ss-tools
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Новый экранчик для обзора дашей

Browse Source
This commit is contained in:
busya
2026-02-23 15:54:20 +03:00
parent 0685f50ae7
commit 43dd97ecbf
35 changed files with 32880 additions and 828 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/routes/settings/+page.svelte
View File

@@ -187,14 +187,14 @@
}
</script>
<div class="max-w-7xl mx-auto px-4 py-6">
<div class="mx-auto w-full max-w-7xl space-y-6">
<!-- Header -->
<div class="flex items-center justify-between mb-6">
<h1 class="text-2xl font-bold text-gray-900">
{$t.settings?.title || "Settings"}
</h1>
<button
class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary-hover transition-colors"
class="inline-flex items-center justify-center rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-primary-hover"
on:click={loadSettings}
>
{$t.common?.refresh || "Refresh"}
@@ -218,12 +218,14 @@
<!-- Loading State -->
{#if isLoading}
<div class="bg-white rounded-lg p-6 border border-gray-200">
<div class="animate-pulse bg-gray-200 rounded h-8"></div>
<div class="animate-pulse bg-gray-200 rounded h-8"></div>
<div class="animate-pulse bg-gray-200 rounded h-8"></div>
<div class="animate-pulse bg-gray-200 rounded h-8"></div>
<div class="animate-pulse bg-gray-200 rounded h-8"></div>
<div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
<div class="space-y-3">
<div class="h-8 animate-pulse rounded bg-slate-200"></div>
<div class="h-8 animate-pulse rounded bg-slate-200"></div>
<div class="h-8 animate-pulse rounded bg-slate-200"></div>
<div class="h-8 animate-pulse rounded bg-slate-200"></div>
<div class="h-8 animate-pulse rounded bg-slate-200"></div>
</div>
</div>
{:else if settings}
<!-- Tabs -->
@@ -271,7 +273,7 @@
</div>
<!-- Tab Content -->
<div class="bg-white rounded-lg p-6 border border-gray-200">
<div class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
{#if activeTab === "environments"}
<!-- Environments Tab -->
<div class="text-lg font-medium mb-4">