@justai/cuts 0.95.0 → 0.96.0
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/src/Sheet.astro +8 -6
package/package.json
CHANGED
package/src/Sheet.astro
CHANGED
|
@@ -34,9 +34,9 @@ import "./ground.css";
|
|
|
34
34
|
* added: the sheet rises from the bottom edge at 390px and at 3840px alike.
|
|
35
35
|
*
|
|
36
36
|
* What a wide screen changes is only how much room surrounds it. **The persona's COLUMN is the
|
|
37
|
-
* active view** — that is the founder's frame, and it is what the panel is sized to:
|
|
38
|
-
* not a chosen number but the
|
|
39
|
-
*
|
|
37
|
+
* active view** — that is the founder's frame, and it is what the panel is sized to: `--column`,
|
|
38
|
+
* which is not a chosen number but the one @justai/ui declares for the page itself. On a phone
|
|
39
|
+
* `min(100%, --column)` is the whole screen; on a desk it is the persona's own
|
|
40
40
|
* width, centred, with the page dimmed around it. One rule, both cases, no query.
|
|
41
41
|
*
|
|
42
42
|
* NATIVE <dialog>, not a scrim div: the top layer, ::backdrop, Escape and focus containment are the
|
|
@@ -319,9 +319,11 @@ const doneIsOurs = doneDefault || done === true;
|
|
|
319
319
|
display: flex;
|
|
320
320
|
flex-direction: column;
|
|
321
321
|
/* THE ONE SIZING RULE, and there is no media query anywhere in this file. The persona's column
|
|
322
|
-
is the active view
|
|
323
|
-
|
|
324
|
-
|
|
322
|
+
is the active view, and its width is READ rather than repeated: `--column` is declared once in
|
|
323
|
+
@justai/ui and the page is sized from the same token. On a phone this is the whole screen; on a
|
|
324
|
+
desk it is the persona's own width, centred. It said 480 until 2026-08-04, in its own copy of
|
|
325
|
+
the number — so when the page became 768 the sheet stayed a phone's width on a tablet. */
|
|
326
|
+
width: min(100%, var(--sheet-width, var(--column, 768px)));
|
|
325
327
|
max-height: min(92dvh, 100dvh - 24px);
|
|
326
328
|
/* The material the fleet already agreed reads as legible glass (ConfirmSheet, 93%). */
|
|
327
329
|
background: color-mix(in srgb, var(--bg) 93%, transparent);
|