diff --git a/tickets/013-ntfy-sink-inline-url-topic-fields.md b/tickets/013-ntfy-sink-inline-url-topic-fields.md deleted file mode 100644 index 8ff47c0..0000000 --- a/tickets/013-ntfy-sink-inline-url-topic-fields.md +++ /dev/null @@ -1,8 +0,0 @@ -# Combine ntfy sink URL and topic into one line - -The ntfy sink should not be 2 input fields stacked per line. Instead the URL input and topic input should sit on the same line, formatted like `/` (not literally that string, but visually structured that way), with a clear separator between them indicating how the two values will be combined/used. - -## Acceptance criteria -- The ntfy sink's URL and topic inputs are laid out on a single line instead of one per line. -- A clear visual separator (e.g. a `/`) sits between the two inputs, indicating they combine into one destination (server URL + topic). -- Existing saved URL/topic values still populate correctly into the two inputs. diff --git a/webapp/src/components/NavMenu.tsx b/webapp/src/components/NavMenu.tsx index d6cd6df..c7bd83f 100644 --- a/webapp/src/components/NavMenu.tsx +++ b/webapp/src/components/NavMenu.tsx @@ -455,22 +455,25 @@ function SettingsPanel({ panel }: { panel: ReturnType }
- setNtfyTopicInput(e.target.value)} - onBlur={handleNtfyTopicBlur} - className="rounded border border-border-soft bg-surface-1 px-2 py-1 text-xs text-text placeholder:text-text-subtle focus:border-border-strong focus:outline-none" - /> - setNtfyServerInput(e.target.value)} - onBlur={handleNtfyServerBlur} - className="rounded border border-border-soft bg-surface-1 px-2 py-1 text-xs text-text placeholder:text-text-subtle focus:border-border-strong focus:outline-none" - /> +
+ setNtfyServerInput(e.target.value)} + onBlur={handleNtfyServerBlur} + className="min-w-0 flex-[2] rounded border border-border-soft bg-surface-1 px-2 py-1 text-xs text-text placeholder:text-text-subtle focus:border-border-strong focus:outline-none" + /> + + setNtfyTopicInput(e.target.value)} + onBlur={handleNtfyTopicBlur} + className="min-w-0 flex-1 rounded border border-border-soft bg-surface-1 px-2 py-1 text-xs text-text placeholder:text-text-subtle focus:border-border-strong focus:outline-none" + /> +
{ntfyTestError &&
{ntfyTestError}
} {ntfyTestSuccess &&
Test notification sent.
}