Add graphic captcha before user SMS login

2026-07-09 12:09:10 +08:00
parent 0e2706a4f4
commit 34d6dd01c7
10 changed files with 234 additions and 13 deletions
--- a/ai_knowledge_base_v2/apps/user-client/src/styles.css
+++ b/ai_knowledge_base_v2/apps/user-client/src/styles.css
@@ -117,6 +117,33 @@ button {
  gap: 10px;
 }

+.captcha-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 128px;
+  gap: 10px;
+}
+
+.captcha-image {
+  height: 48px;
+  padding: 0;
+  overflow: hidden;
+  border: 1px solid #cad8d2;
+  border-radius: 14px;
+  background: #ffffff;
+}
+
+.captcha-image img {
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: cover;
+}
+
+.captcha-image span {
+  color: #5f746c;
+  font-size: 13px;
+}
+
 .primary,
 .secondary,
 .send-btn,