fix: remove mockup border, scale down mockups to fit viewport

2026-03-26 23:28:03 +01:00
parent 4896089463
commit b5150e3b7a
1 changed files with 4 additions and 2 deletions
--- a/components/checkout/FeatureSlideshow.tsx
+++ b/components/checkout/FeatureSlideshow.tsx
@@ -70,8 +70,10 @@ export default function FeatureSlideshow() {
              {/* Orange glow */}
              <div className="absolute -inset-8 rounded-3xl bg-brand-orange/8 blur-3xl pointer-events-none" />

-              <div className="relative rounded-2xl border border-white/[0.08] overflow-hidden">
-                {slide.mockup}
+              <div className="relative rounded-2xl overflow-hidden max-h-[50vh]">
+                <div className="scale-[0.85] origin-top">
+                  {slide.mockup}
+                </div>
              </div>
            </div>
          </motion.div>