Add demo page shows state code

2026-05-28 10:01:27 +08:00
parent d94da4b4d1
commit 2d5fd65721
3 changed files with 37 additions and 0 deletions
--- a/examples/webpage/styles.css
+++ b/examples/webpage/styles.css
@@ -671,10 +671,26 @@ body {
  animation: pulse 1s ease-in-out infinite;
 }

+.indicator.is-active .indicator__dot--state {
+  background: var(--warning);
+  border-color: var(--warning);
+  box-shadow: 0 0 0 4px rgba(255, 184, 77, 0.18);
+}
+
 .indicator.is-active .indicator__label {
  color: var(--text);
 }

+.indicator--state {
+  max-width: 180px;
+}
+
+.indicator--state .indicator__label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .btn {
  appearance: none;
  border: 1px solid var(--border);