screengraft 0.54.0 → 0.54.1
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/ui/index.html +5 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "screengraft",
|
|
3
|
-
"version": "0.54.
|
|
3
|
+
"version": "0.54.1",
|
|
4
4
|
"description": "Put a UI screenshot or screen recording onto a photographed device screen with the perspective exactly right \u2014 a homography you confirm by hand, not a generative guess.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"mockup",
|
package/ui/index.html
CHANGED
|
@@ -584,14 +584,16 @@
|
|
|
584
584
|
button.switch:hover{background:none}
|
|
585
585
|
button.switch:active{background:none;border:none;box-shadow:none;transform:none}
|
|
586
586
|
|
|
587
|
-
|
|
587
|
+
/* Track 48×20 inside a 48×28 hit area (Figma 17:61): the button keeps the
|
|
588
|
+
full 28px for the pointer, the drawn track is 20px. Was 22px. */
|
|
589
|
+
.sw-track{position:relative;display:block;width:48px;height:20px;border-radius:6px;
|
|
588
590
|
background:var(--bg);border:1px solid var(--edge);
|
|
589
591
|
transition:var(--t-all), box-shadow var(--t)}
|
|
590
592
|
.sw-handle{position:absolute;top:1px;bottom:1px;left:1px;width:24px;border-radius:4px;
|
|
591
593
|
background:var(--raise-hi);
|
|
592
594
|
transition:left var(--t), right var(--t), width var(--t), background-color var(--t), opacity var(--t)}
|
|
593
595
|
.sw-grip{position:absolute;border-radius:1px;background:var(--sunk);
|
|
594
|
-
left:11px;width:4px;top:
|
|
596
|
+
left:11px;width:4px;top:7px;bottom:7px;
|
|
595
597
|
transition:left var(--t), width var(--t), top var(--t), bottom var(--t), background-color var(--t)}
|
|
596
598
|
|
|
597
599
|
/* --- OFF ------------------------------------------------------------- */
|
|
@@ -602,7 +604,7 @@
|
|
|
602
604
|
/* --- ON -------------------------------------------------------------- */
|
|
603
605
|
button.switch[aria-checked="true"] .sw-track{background:var(--acc-btn-rest);border-color:var(--acc-stroke)}
|
|
604
606
|
button.switch[aria-checked="true"] .sw-handle{left:auto;right:1px;background:var(--acc-ink)}
|
|
605
|
-
button.switch[aria-checked="true"] .sw-grip{left:32px;width:2px;top:
|
|
607
|
+
button.switch[aria-checked="true"] .sw-grip{left:32px;width:2px;top:4px;bottom:4px;
|
|
606
608
|
background:var(--acc-btn-rest)}
|
|
607
609
|
button.switch[aria-checked="true"]:hover .sw-track{background:var(--acc);border-color:var(--acc-stroke)}
|
|
608
610
|
button.switch[aria-checked="true"]:hover .sw-grip{background:var(--acc)}
|