Show dialog for user SMS login errors

2026-07-09 12:12:15 +08:00
parent 34d6dd01c7
commit c56a4b49e1
2 changed files with 53 additions and 2 deletions
--- a/ai_knowledge_base_v2/apps/user-client/src/styles.css
+++ b/ai_knowledge_base_v2/apps/user-client/src/styles.css
@@ -177,6 +177,43 @@ button:disabled {
  font-size: 13px;
 }

+.dialog-mask {
+  position: absolute;
+  inset: 0;
+  z-index: 20;
+  display: grid;
+  place-items: center;
+  padding: 24px;
+  background: rgba(12, 24, 20, 0.42);
+}
+
+.dialog-box {
+  width: min(100%, 320px);
+  padding: 22px;
+  border-radius: 18px;
+  background: #ffffff;
+  box-shadow: 0 18px 48px rgba(15, 31, 26, 0.22);
+}
+
+.dialog-box strong {
+  display: block;
+  color: #17211d;
+  font-size: 18px;
+  line-height: 1.35;
+}
+
+.dialog-box p {
+  margin: 10px 0 18px;
+  color: #51655d;
+  font-size: 14px;
+  line-height: 1.7;
+}
+
+.dialog-box .primary {
+  width: 100%;
+  margin-top: 0;
+}
+
 .topbar {
  height: 72px;
  display: grid;