From a2109a863319e6c603b3d5758bc4a180c7cff064 Mon Sep 17 00:00:00 2001 From: Akshar Patel <123344143+AksharP5@users.noreply.github.com> Date: Wed, 12 Aug 2026 23:55:25 -0400 Subject: [PATCH] fix(catalog): keep the text stagger preview inside the frame (#3255) --- docs/public/catalog/components/text-stagger.json | 2 +- registry/components/text-stagger/demo.html | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/public/catalog/components/text-stagger.json b/docs/public/catalog/components/text-stagger.json index ebe12b9a0..70eaae8c0 100644 --- a/docs/public/catalog/components/text-stagger.json +++ b/docs/public/catalog/components/text-stagger.json @@ -1 +1 @@ -{"html":"\n\n \n \n \n Text Stagger - Demo\n \n \n \n \n \n
\n
text-stagger
\n
\n Build\n motion\n systems\n fast\n
\n
\n \n \n \n\n"} \ No newline at end of file +{"html":"\n\n \n \n \n Text Stagger - Demo\n \n \n \n \n \n
\n
text-stagger
\n
\n Build\n motion\n systems\n fast\n
\n
\n \n \n \n\n"} \ No newline at end of file diff --git a/registry/components/text-stagger/demo.html b/registry/components/text-stagger/demo.html index 2309d4395..330f11c8b 100644 --- a/registry/components/text-stagger/demo.html +++ b/registry/components/text-stagger/demo.html @@ -28,8 +28,8 @@ display: grid; place-items: center; gap: 28px; - /* ponytail: scale on non-GSAP wrapper; text was ~7% frame height, now fills ~55% */ - transform: scale(2.6); + /* Scale the non-GSAP wrapper while keeping the full phrase inside the frame. */ + transform: scale(1.9); transform-origin: center center; } .demo-label { @@ -37,7 +37,7 @@ font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; - color: #a1a1aa; + color: #737379; } .hf-transition-text-stagger { display: flex;