sensivity 2.5.41 → 2.5.42
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.
- package/package.json +1 -1
- package/public/css/style.css +22 -0
- package/public/js/app.js +11 -1
package/package.json
CHANGED
package/public/css/style.css
CHANGED
|
@@ -362,6 +362,20 @@ body::after {
|
|
|
362
362
|
font-weight: 900;
|
|
363
363
|
letter-spacing: 0;
|
|
364
364
|
}
|
|
365
|
+
.split-child {
|
|
366
|
+
grid-column: 1 / -1;
|
|
367
|
+
}
|
|
368
|
+
.split-controls {
|
|
369
|
+
display: grid;
|
|
370
|
+
grid-template-columns: minmax(270px, 420px) minmax(300px, 420px);
|
|
371
|
+
justify-content: space-between;
|
|
372
|
+
align-items: start;
|
|
373
|
+
gap: clamp(28px, 8vw, 110px);
|
|
374
|
+
}
|
|
375
|
+
.split-right {
|
|
376
|
+
padding-left: 24px;
|
|
377
|
+
border-left: 1px solid rgba(49, 255, 122, .12);
|
|
378
|
+
}
|
|
365
379
|
.empty-state {
|
|
366
380
|
grid-column: 1 / -1;
|
|
367
381
|
min-height: 220px;
|
|
@@ -989,6 +1003,14 @@ body::after {
|
|
|
989
1003
|
.child {
|
|
990
1004
|
padding: 17px 16px;
|
|
991
1005
|
}
|
|
1006
|
+
.split-controls {
|
|
1007
|
+
grid-template-columns: 1fr;
|
|
1008
|
+
gap: 8px;
|
|
1009
|
+
}
|
|
1010
|
+
.split-right {
|
|
1011
|
+
padding-left: 0;
|
|
1012
|
+
border-left: 0;
|
|
1013
|
+
}
|
|
992
1014
|
.ctrl {
|
|
993
1015
|
min-height: 46px;
|
|
994
1016
|
gap: 12px;
|
package/public/js/app.js
CHANGED
|
@@ -84,11 +84,21 @@ function renderPage() {
|
|
|
84
84
|
return;
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
-
const children = sub.children.map(
|
|
87
|
+
const children = sub.children.map(renderChild).join('');
|
|
88
88
|
pg.innerHTML = children;
|
|
89
89
|
renderEspPreviewShell(showPreview);
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
+
function renderChild(ch) {
|
|
93
|
+
const controls = ch.controls || [];
|
|
94
|
+
if (ch.id === 'worldTeleport') {
|
|
95
|
+
const left = controls.slice(0, 3);
|
|
96
|
+
const right = controls.slice(3);
|
|
97
|
+
return `<div class="child split-child world-teleport-card"><h3>${ch.label}</h3><div class="split-controls"><div class="split-left">${left.map(ctrl).join('')}</div><div class="split-right">${right.map(ctrl).join('')}</div></div></div>`;
|
|
98
|
+
}
|
|
99
|
+
return `<div class="child"><h3>${ch.label}</h3>${controls.map(ctrl).join('')}</div>`;
|
|
100
|
+
}
|
|
101
|
+
|
|
92
102
|
function prettyLabel(key) {
|
|
93
103
|
return String(key).replace(/^Enable\s+/i, '').replace(/\s+ESP$/i, ' ESP');
|
|
94
104
|
}
|