anynews/republisher
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Align settings page styling

Browse source
This commit is contained in:
Abel Luck 2026-03-30 18:57:36 +02:00
parent b43f466e76
commit 2bd0651478
2 changed files with 14 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

22
repub/pages/settings.py
View file

@ -40,7 +40,7 @@ def settings_page(
),
"data-on:submit": f"@post('{action_path}')",
},
class_="space-y-6 rounded-[1.5rem] bg-white p-6 shadow-sm ring-1 ring-slate-200",
class_="space-y-6",
)[
h.div[
h.p(
@ -60,16 +60,16 @@ def settings_page(
},
class_="rounded-2xl bg-rose-50 px-4 py-3 text-sm font-medium text-rose-800",
),
input_field(
label="Max concurrent jobs",
field_id="max-concurrent-jobs",
value=_value(settings, "max_concurrent_jobs", "1"),
help_text="Must be an integer greater than or equal to 1.",
signal_name="maxConcurrentJobs",
),
h.div(
class_="flex flex-wrap justify-end gap-3 border-t border-slate-200 pt-6"
)[
h.div(class_="rounded-[1.5rem] bg-stone-50 p-5")[
input_field(
label="Max concurrent jobs",
field_id="max-concurrent-jobs",
value=_value(settings, "max_concurrent_jobs", "1"),
help_text="Must be an integer greater than or equal to 1.",
signal_name="maxConcurrentJobs",
),
],
h.div(class_="flex flex-wrap justify-end gap-3 pt-2")[
muted_action_link(href="/", label="Back to dashboard"),
h.button(
type="submit",

5
repub/static/app.css
View file

@ -9,7 +9,6 @@
monospace;
--color-orange-100: oklch(95.4% 0.038 75.164);
--color-amber-50: oklch(98.7% 0.022 95.277);
--color-amber-100: oklch(96.2% 0.059 95.617);
--color-amber-200: oklch(92.4% 0.12 95.746);
--color-amber-300: oklch(87.9% 0.169 91.605);
--color-amber-400: oklch(82.8% 0.189 84.429);
@ -44,7 +43,6 @@
--color-white: #fff;
--spacing: 0.25rem;
--container-sm: 24rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-7xl: 80rem;
--text-xs: 0.75rem;
@ -678,6 +676,9 @@
.py-8 {
padding-block: calc(var(--spacing) * 8);
}
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.pt-6 {
padding-top: calc(var(--spacing) * 6);
}