Добавить диагностику PWA/Push и endpoint тестового push

2026-04-21 01:10:56 +03:00
parent 185ba5b1d3
commit d07602b0a9
11 changed files with 811 additions and 4 deletions
@@ -726,6 +726,82 @@
  gap: 8px;
 }

+.pwa-diag-list {
+  gap: 8px;
+}
+
+.pwa-diag-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto 10px;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 10px;
+  border-radius: 10px;
+  border: 1px solid rgba(143, 167, 215, 0.18);
+  background: rgba(14, 24, 45, 0.42);
+}
+
+.pwa-diag-key {
+  color: #cdd9f2;
+  font-size: 13px;
+}
+
+.pwa-diag-value {
+  color: #edf3ff;
+  font-size: 13px;
+  text-align: right;
+  word-break: break-word;
+}
+
+.pwa-diag-indicator {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #64708a;
+}
+
+.pwa-diag-indicator.is-ok {
+  background: #66d69a;
+  box-shadow: 0 0 0 3px rgba(102, 214, 154, 0.18);
+}
+
+.pwa-diag-indicator.is-warn {
+  background: #f0c56b;
+  box-shadow: 0 0 0 3px rgba(240, 197, 107, 0.18);
+}
+
+.pwa-diag-indicator.is-bad {
+  background: #e48792;
+  box-shadow: 0 0 0 3px rgba(228, 135, 146, 0.18);
+}
+
+.pwa-diag-indicator.is-neutral {
+  background: #8994ab;
+}
+
+.pwa-diag-actions {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 8px;
+}
+
+.pwa-diag-recommendations {
+  gap: 6px;
+}
+
+.pwa-diag-json {
+  margin: 0;
+  max-height: 260px;
+  overflow: auto;
+  border-radius: 10px;
+  padding: 10px;
+  font-size: 12px;
+  line-height: 1.35;
+  color: #dfe9ff;
+  background: rgba(8, 15, 28, 0.82);
+  border: 1px solid rgba(134, 157, 205, 0.2);
+}
+
 .contact-search-actions {
  display: grid;
  grid-template-columns: 1fr;