ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-01 19:42:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(registry): edge-to-edge grid eliminates background bleed

Browse Source 
Cards 360×340 with 30px gap = exactly 1920×1080. No body background
visible at any frame. Focus scale drops from 9 to 6 (360×6 = 2160,
still overshoots viewport by 240px).

Co-authored-by: Kanyini <onebenson@gmail.com>
This commit is contained in:
Miguel Ángel
2026-05-22 19:19:29 -04:00
co-authored by Kanyini
parent 15e92e2299
commit f0b0b977e0
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
registry/components/parallax-unzoom/demo.html
Vendored
+4 -4
View File
@@ -39,9 +39,9 @@
.parallax-unzoom-grid {
display: grid;
grid-template-columns: repeat(5, 240px);
grid-template-rows: repeat(3, 320px);
gap: 24px;
grid-template-columns: repeat(5, 360px);
grid-template-rows: repeat(3, 340px);
gap: 30px;
}
.parallax-unzoom-card {
@@ -148,7 +148,7 @@
.parallax-unzoom-grid {
--pu-progress: 0;
--pu-focus-scale: 9;
--pu-focus-scale: 6;
--pu-sibling-push: 900px;
--pu-sibling-fade: 0;
position: relative;
registry/components/parallax-zoom/demo.html
Vendored
+4 -4
View File
@@ -39,9 +39,9 @@
.parallax-zoom-grid {
display: grid;
grid-template-columns: repeat(5, 240px);
grid-template-rows: repeat(3, 320px);
gap: 24px;
grid-template-columns: repeat(5, 360px);
grid-template-rows: repeat(3, 340px);
gap: 30px;
}
.parallax-zoom-card {
@@ -149,7 +149,7 @@
.parallax-zoom-grid {
--pz-progress: 0;
--pz-focus-scale: 9;
--pz-focus-scale: 6;
--pz-sibling-push: 900px;
--pz-sibling-fade: 1;
position: relative;