feat(stellungnahme): Text-erstellen-Button pulsiert (animate-ping)

2026-05-28 13:29:44 +02:00
parent 6bc6781b3c
commit 16bb8af12c
1 changed files with 8 additions and 5 deletions
@@ -894,11 +894,14 @@ ${"=".repeat(64)}`;
      </div>

      <div class="mb-2 flex gap-3">
-        <button class="rounded-lg border border-stein-300 px-4 py-2 text-sm text-stein-600 hover:bg-stein-50" onclick={() => goTo(3)}>← Zurück</button>
-        <button
-          class="rounded-lg bg-wald-700 px-6 py-2.5 font-semibold text-white transition hover:bg-wald-800 disabled:opacity-40"
-          disabled={!absenderName.trim()}
-          onclick={generateOutput}
+        <button class="rounded-lg border border-stein-300 px-4 py-2 text-sm text-stein-600 hover:bg-stein-50" onclick={() => goTo(3)}>← Zurück</button>
+        <span class="relative inline-flex">
+          <span class="absolute inline-flex h-full w-full animate-ping rounded-lg bg-wald-400 opacity-50"></span>
+          <button
+            class="relative rounded-lg bg-wald-700 px-6 py-2.5 font-semibold text-white transition hover:bg-wald-800 disabled:opacity-40"
+            disabled={!absenderName.trim()}
+            onclick={generateOutput}
+          >Text erstellen</button>
        </span>
      </div>
      {#if !absenderName.trim()}