feat(stellungnahme): Grüner Output-Hintergrund, KI-Anleitung, Aktualisieren-Button entfernt
Deploy / verify (push) Successful in 59s
Deploy / deploy (push) Successful in 1m35s

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Peter Meier
2026-06-03 15:26:36 +02:00
parent 5d2988fa1b
commit 1827d9772a
@@ -1186,7 +1186,7 @@ ${outputText}
class="btn-wiggle rounded-lg bg-wald-700 px-5 py-2.5 text-sm font-semibold text-white transition hover:bg-wald-800 disabled:opacity-40"
disabled={!absenderName.trim()}
onclick={generateOutput}
title={!absenderName.trim() ? "Bitte erst Namen eintragen" : hasManualEdit ? "Manuelle Änderungen verwerfen und neu generieren" : undefined}
title={!absenderName.trim() ? "Bitte erst Namen eintragen" : hasManualEdit ? "Manuelle Änderungen verwerfen und neu generieren" : undefined}
>{hasManualEdit ? "↺ Neu generieren" : "Text erstellen"}</button>
</div>
{#if !absenderName.trim()}
@@ -1195,7 +1195,7 @@ ${outputText}
<div class="mb-4"></div>
{/if}
{#if showOutput}
{#if showOutput}
<div class="rounded-xl border border-wald-300 bg-wald-50/30 shadow-sm" role="region" aria-live="polite" aria-label="Generierte Einwendung">
<div class="flex flex-col gap-2 border-b border-wald-200 px-4 py-3 sm:flex-row sm:items-center sm:justify-between">
<span class="text-sm font-semibold text-wald-800">Ihre Einwendung</span>
@@ -1218,7 +1218,8 @@ ${outputText}
{#if mailTooLong}
<div class="border-t border-stein-100 px-5 py-2 text-xs text-stein-500">Für E-Mail zu lang — bitte <strong>Kopieren</strong> und in die Mail einfügen.</div>
{/if}
<div class="border-t border-himmel-100 bg-himmel-50/40 px-4 py-3">
<div class="border-t border-himmel-100 bg-himmel-50/40 px-4 py-3">
<p class="mb-1 text-[11px] font-semibold uppercase tracking-wide text-himmel-700">Mit KI eine individuelle Version erstellen</p>
<p class="mb-3 text-[11px] text-stein-500">Stichpunkte in einen persönlichen Fließtext verwandeln — mit ChatGPT, Claude oder einer anderen KI:<br><span class="font-medium text-stein-600">① Regler einstellen &nbsp;② „KI-Prompt kopieren" klicken &nbsp;③ Bei ChatGPT / Claude einfügen &amp; senden</span></p>
<div class="mb-2 grid gap-3 sm:grid-cols-2">
<div>