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/+page.svelte
+1 -1
View File
@@ -141,7 +141,7 @@
<!-- Add project form --> <!-- Add project form -->
{#if showAddForm} {#if showAddForm}
<div class="rounded-xl border border-[var(--color-brand-200)] bg-[var(--color-brand-50)]/30 p-6 animate-scale-in"> <div class="rounded-xl border border-[var(--border-primary)] bg-[var(--surface-card)] p-6 animate-scale-in">
<h2 class="text-lg font-semibold text-[var(--text-primary)]">{$t('projects.newProject')}</h2> <h2 class="text-lg font-semibold text-[var(--text-primary)]">{$t('projects.newProject')}</h2>
{#if formError} {#if formError}
web/src/routes/projects/[id]/+page.svelte
+4 -6
View File
@@ -9,6 +9,7 @@
import Skeleton from '$lib/components/Skeleton.svelte'; 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 { IconTrash, IconKey, IconHardDrive, IconDeploy, IconChevronRight, IconClock, IconTag, IconLoader, IconPlus, IconEdit, IconCheck, IconX } from '$lib/components/icons';
import FormField from '$lib/components/FormField.svelte'; import FormField from '$lib/components/FormField.svelte';
import ToggleSwitch from '$lib/components/ToggleSwitch.svelte';
import { toasts } from '$lib/stores/toast'; import { toasts } from '$lib/stores/toast';
import { t } from '$lib/i18n'; import { t } from '$lib/i18n';
@@ -336,16 +337,13 @@
</div> </div>
{#if showAddStage} {#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"> <div class="grid grid-cols-2 gap-3 sm:grid-cols-4">
<FormField label="Name *" name="stageName" bind:value={stageName} placeholder="dev" /> <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="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} /> <FormField label="Max Instances" name="stageMax" type="number" bind:value={stageMaxInstances} />
<div class="flex items-end pb-1"> <div class="flex items-end pb-2">
<label class="flex items-center gap-2 text-sm text-[var(--text-primary)]"> <ToggleSwitch bind:checked={stageAutoDeploy} label="Auto Deploy" />
<input type="checkbox" bind:checked={stageAutoDeploy} class="rounded" />
Auto Deploy
</label>
</div> </div>
</div> </div>
<div class="mt-3 flex justify-end"> <div class="mt-3 flex justify-end">
web/src/routes/settings/registries/+page.svelte
+1 -1
View File
@@ -110,7 +110,7 @@
</div> </div>
{#if showForm} {#if showForm}
<div class="rounded-xl border border-[var(--color-brand-200)] bg-[var(--color-brand-50)]/30 p-6 animate-scale-in"> <div class="rounded-xl border border-[var(--border-primary)] bg-[var(--surface-card)] p-6 animate-scale-in">
<h3 class="mb-4 text-sm font-semibold text-[var(--text-primary)]"> <h3 class="mb-4 text-sm font-semibold text-[var(--text-primary)]">
{editingId ? $t('settingsRegistries.editRegistry') : $t('settingsRegistries.addNewRegistry')} {editingId ? $t('settingsRegistries.editRegistry') : $t('settingsRegistries.addNewRegistry')}
</h3> </h3>