diff --git a/backend/internal/adminconsole/assets/console.css b/backend/internal/adminconsole/assets/console.css index 8002a48..706432e 100644 --- a/backend/internal/adminconsole/assets/console.css +++ b/backend/internal/adminconsole/assets/console.css @@ -86,6 +86,22 @@ h1 { font-size: 1.4rem; margin: 0 0 0.4rem; } font: inherit; } .form textarea { min-height: 4rem; resize: vertical; } +/* A form beside a static help aside (e.g. message-formatting hints). The form keeps its + own max-width; the aside fills the remainder and wraps below on a narrow viewport. */ +.form-help { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; } +.help { + flex: 1 1 16rem; + min-width: 14rem; + max-width: 30rem; + background: var(--panel-hi); + border: 1px solid var(--line); + border-radius: 6px; + padding: 0.5rem 0.8rem; + font-size: 0.85rem; + color: var(--ink-dim); +} +.help h4 { margin: 0 0 0.4rem; font-size: 0.85rem; color: var(--ink); } +.help p { margin: 0.35rem 0; } button { background: var(--accent); color: #06121f; diff --git a/backend/internal/adminconsole/templates/pages/banner_detail.gohtml b/backend/internal/adminconsole/templates/pages/banner_detail.gohtml index 90b154d..603e07f 100644 --- a/backend/internal/adminconsole/templates/pages/banner_detail.gohtml +++ b/backend/internal/adminconsole/templates/pages/banner_detail.gohtml @@ -39,11 +39,20 @@ {{else}}

no messages yet

{{end}}

Add message

+
+ +
{{end}} {{- end}}