@enigmax/dashboard 0.1.15 → 0.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/assets/index.html +18 -0
  2. package/package.json +1 -1
package/assets/index.html CHANGED
@@ -161,6 +161,24 @@
161
161
  }
162
162
  .toggle:hover { color: var(--text); border-color: #2f3744; }
163
163
  .toggle.on { background: var(--good); color: #06210f; border-color: var(--good); font-weight: 600; }
164
+ /* Boolean settings render as a sliding switch. Only the bool controls carry
165
+ data-kind="bool" - action buttons reuse .toggle and stay buttons. The On/Off
166
+ text is kept for screen readers but pushed off-screen; the knob is drawn with
167
+ ::after, and the .on class (toggled by the same JS) slides it and greens the track. */
168
+ .toggle[data-kind="bool"] {
169
+ position: relative; width: 46px; min-width: 46px; height: 26px; padding: 0;
170
+ border-radius: 999px; background: var(--surface2); border: 1px solid var(--border);
171
+ color: transparent; overflow: hidden; text-indent: -999px;
172
+ transition: background .18s, border-color .18s;
173
+ }
174
+ .toggle[data-kind="bool"]::after {
175
+ content: ""; position: absolute; top: 50%; left: 3px; transform: translateY(-50%);
176
+ width: 18px; height: 18px; border-radius: 50%; background: #cdd2da;
177
+ transition: left .18s, background .18s;
178
+ }
179
+ .toggle[data-kind="bool"]:hover { border-color: #2f3744; }
180
+ .toggle[data-kind="bool"].on { background: var(--good); border-color: var(--good); }
181
+ .toggle[data-kind="bool"].on::after { left: 23px; background: #06210f; }
164
182
  select.choice {
165
183
  background: var(--surface2); color: var(--text); border: 1px solid var(--border);
166
184
  border-radius: var(--radius-sm); padding: 6px 10px; font-size: 12px; font-family: var(--mono); cursor: pointer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enigmax/dashboard",
3
- "version": "0.1.15",
3
+ "version": "0.1.16",
4
4
  "description": "Local browser dashboard UI for enigma: the static page and chart assets enigma serves on its loopback dashboard (savings, real tool usage, in-browser settings). Installed on demand by enigma-cli; not a runtime dependency.",
5
5
  "type": "module",
6
6
  "files": [