feat(jobs): update styling to use accent colors for job description and schedule inputs

This commit is contained in:
Sam Chau
2025-12-30 05:39:14 +10:30
parent e39a3195f6
commit 9119afdf49
2 changed files with 5 additions and 5 deletions

View File

@@ -71,7 +71,7 @@
bind:value={description}
rows="3"
placeholder="Brief description of what this job does"
class="mt-1 block w-full rounded-lg border border-neutral-300 bg-white px-3 py-2 text-neutral-900 placeholder-neutral-400 focus:border-blue-500 focus:ring-1 focus:ring-blue-500 focus:outline-none dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-50 dark:placeholder-neutral-500"
class="mt-1 block w-full rounded-lg border border-neutral-300 bg-white px-3 py-2 text-neutral-900 placeholder-neutral-400 focus:border-neutral-400 focus:ring-1 focus:ring-neutral-400 focus:outline-none dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-50 dark:placeholder-neutral-500 dark:focus:border-neutral-500 dark:focus:ring-neutral-500"
></textarea>
</div>
@@ -90,7 +90,7 @@
bind:value={schedule}
required
placeholder="e.g., daily, hourly, */5 minutes"
class="mt-1 block w-full rounded-lg border border-neutral-300 bg-white px-3 py-2 text-neutral-900 placeholder-neutral-400 focus:border-blue-500 focus:ring-1 focus:ring-blue-500 focus:outline-none dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-50 dark:placeholder-neutral-500"
class="mt-1 block w-full rounded-lg border border-neutral-300 bg-white px-3 py-2 text-neutral-900 placeholder-neutral-400 focus:border-neutral-400 focus:ring-1 focus:ring-neutral-400 focus:outline-none dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-50 dark:placeholder-neutral-500 dark:focus:border-neutral-500 dark:focus:ring-neutral-500"
/>
<div class="mt-2 space-y-1">
<p class="text-sm font-medium text-neutral-700 dark:text-neutral-300">Examples:</p>
@@ -121,14 +121,14 @@
<div class="flex gap-3 border-t border-neutral-200 pt-6 dark:border-neutral-800">
<button
type="submit"
class="flex items-center gap-2 rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-blue-700 focus:ring-2 focus:ring-blue-500 focus:outline-none dark:bg-blue-500 dark:hover:bg-blue-600"
class="flex items-center gap-2 rounded-lg bg-accent-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-accent-700 dark:bg-accent-500 dark:hover:bg-accent-600"
>
<Save size={16} />
Save Changes
</button>
<a
href="/settings/jobs"
class="rounded-lg border border-neutral-300 bg-white px-4 py-2 text-sm font-medium text-neutral-700 transition-colors hover:bg-neutral-50 focus:ring-2 focus:ring-blue-500 focus:outline-none dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700"
class="rounded-lg border border-neutral-300 bg-white px-4 py-2 text-sm font-medium text-neutral-700 transition-colors hover:bg-neutral-50 dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700"
>
Cancel
</a>

View File

@@ -83,7 +83,7 @@
<!-- Enabled/Disabled Badge -->
<span
class="inline-flex items-center rounded px-2 py-0.5 text-xs font-medium {job.enabled
? 'bg-blue-100 text-blue-800 dark:bg-blue-900/40 dark:text-blue-100'
? 'bg-accent-100 text-accent-800 dark:bg-accent-900/40 dark:text-accent-100'
: 'bg-neutral-100 text-neutral-700 dark:bg-neutral-700 dark:text-neutral-100'}"
>
{job.enabled ? 'Enabled' : 'Disabled'}