alexei.dolgolyov/tiny-forge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: consistent card styling, use ToggleSwitch for auto deploy

Browse Source
This commit is contained in:
Admin
2026-03-28 14:48:34 +03:00
parent c64f1e5363
commit 95fed8bf08
3 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/routes/projects/[id]/+page.svelte
+4 -6
View File
@@ -9,6 +9,7 @@
import Skeleton from '$lib/components/Skeleton.svelte';
import { IconTrash, IconKey, IconHardDrive, IconDeploy, IconChevronRight, IconClock, IconTag, IconLoader, IconPlus, IconEdit, IconCheck, IconX } from '$lib/components/icons';
import FormField from '$lib/components/FormField.svelte';
import ToggleSwitch from '$lib/components/ToggleSwitch.svelte';
import { toasts } from '$lib/stores/toast';
import { t } from '$lib/i18n';
@@ -336,16 +337,13 @@
</div>
{#if showAddStage}
<div class="mt-3 rounded-xl border border-[var(--color-brand-200)] bg-[var(--color-brand-50)]/30 p-4 animate-scale-in">
<div class="mt-3 rounded-xl border border-[var(--border-primary)] bg-[var(--surface-card)] p-4 animate-scale-in">
<div class="grid grid-cols-2 gap-3 sm:grid-cols-4">
<FormField label="Name *" name="stageName" bind:value={stageName} placeholder="dev" />
<FormField label="Tag Pattern" name="stagePattern" bind:value={stageTagPattern} placeholder="dev-*" helpText="Glob pattern (e.g., dev-*, v*)" />
<FormField label="Max Instances" name="stageMax" type="number" bind:value={stageMaxInstances} />
<div class="flex items-end pb-1">
<label class="flex items-center gap-2 text-sm text-[var(--text-primary)]">
<input type="checkbox" bind:checked={stageAutoDeploy} class="rounded" />
Auto Deploy
</label>
<div class="flex items-end pb-2">
<ToggleSwitch bind:checked={stageAutoDeploy} label="Auto Deploy" />
</div>
</div>
<div class="mt-3 flex justify-end">