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}')", "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.div[
h.p( 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", class_="rounded-2xl bg-rose-50 px-4 py-3 text-sm font-medium text-rose-800",
), ),
input_field( h.div(class_="rounded-[1.5rem] bg-stone-50 p-5")[
label="Max concurrent jobs", input_field(
field_id="max-concurrent-jobs", label="Max concurrent jobs",
value=_value(settings, "max_concurrent_jobs", "1"), field_id="max-concurrent-jobs",
help_text="Must be an integer greater than or equal to 1.", value=_value(settings, "max_concurrent_jobs", "1"),
signal_name="maxConcurrentJobs", 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_="flex flex-wrap justify-end gap-3 pt-2")[
muted_action_link(href="/", label="Back to dashboard"), muted_action_link(href="/", label="Back to dashboard"),
h.button( h.button(
type="submit", type="submit",

5
repub/static/app.css
View file

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