green-screen-react 1.2.2 → 1.2.3
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/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +114 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +129 -22
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +35 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -261,6 +261,41 @@
|
|
|
261
261
|
gap: 12px;
|
|
262
262
|
}
|
|
263
263
|
|
|
264
|
+
/* "X CLOCK" busy overlay — shown when the host has locked the keyboard
|
|
265
|
+
* and blanked the screen mid-transaction but hasn't delivered the
|
|
266
|
+
* replacement content yet. Uses a lighter dim than gs-overlay so the
|
|
267
|
+
* sticky last-known screen underneath remains readable. */
|
|
268
|
+
.gs-busy-overlay {
|
|
269
|
+
position: absolute;
|
|
270
|
+
inset: 0;
|
|
271
|
+
background-color: rgba(0, 0, 0, 0.35);
|
|
272
|
+
display: flex;
|
|
273
|
+
flex-direction: column;
|
|
274
|
+
align-items: center;
|
|
275
|
+
justify-content: center;
|
|
276
|
+
z-index: 9;
|
|
277
|
+
pointer-events: none;
|
|
278
|
+
color: var(--gs-yellow, #FFFF00);
|
|
279
|
+
font-family: var(--gs-font);
|
|
280
|
+
gap: 8px;
|
|
281
|
+
animation: gs-fade-in 180ms ease-out;
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
.gs-busy-clock {
|
|
285
|
+
font-size: 14px;
|
|
286
|
+
font-weight: 600;
|
|
287
|
+
letter-spacing: 0.1em;
|
|
288
|
+
font-variant-numeric: tabular-nums;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
.gs-busy-hint {
|
|
292
|
+
font-size: 11px;
|
|
293
|
+
opacity: 0.75;
|
|
294
|
+
color: var(--gs-muted);
|
|
295
|
+
text-transform: uppercase;
|
|
296
|
+
letter-spacing: 0.08em;
|
|
297
|
+
}
|
|
298
|
+
|
|
264
299
|
.gs-error-banner {
|
|
265
300
|
position: absolute;
|
|
266
301
|
top: 16px;
|