feat: AI生成回复时显示停止生成按钮

2026-04-26 17:54:01 +08:00
parent d550461e0b
commit 691b7f0e08
3 changed files with 88 additions and 3 deletions
--- a/www/style.css
+++ b/www/style.css
@@ -1055,4 +1055,36 @@ body {
  .input-area {
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
  }
+}
+
+/* 停止生成按钮 */
+.stop-generate-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 12px 24px;
+  margin: 16px auto;
+  background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);
+  color: white;
+  border: none;
+  border-radius: 24px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s;
+  box-shadow: 0 2px 8px rgba(229, 62, 62, 0.3);
+}
+
+.stop-generate-btn:hover {
+  transform: scale(1.05);
+  box-shadow: 0 4px 16px rgba(229, 62, 62, 0.4);
+}
+
+.stop-generate-btn:active {
+  transform: scale(0.98);
+}
+
+.stop-generate-btn svg {
+  flex-shrink: 0;
 }