fix: css issue

cellajs · Jan 13, 2025 · eafd505 · eafd505
1 parent 74c1a2e
commit eafd505
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/frontend/src/modules/marketing/device-mockup/frame.tsx b/frontend/src/modules/marketing/device-mockup/frame.tsx
@@ -31,7 +31,7 @@ const DeviceFrame = ({ type, inView, renderCarousel }: DeviceFrameProps) => {
       );
     case 'mobile':
       return (
-        <div className="relative mx-auto border-gray-300 dark:border-gray-700 border-[.6rem] rounded-[1.5rem] h-[40rem] aspect-[9/16]">
+        <div className="relative mx-auto border-gray-300 dark:border-gray-700 border-[.6rem] rounded-[1.5rem] h-[32rem] sm:h-[40rem] aspect-[9/16]">
           <div className="h-8 w-[.19rem] bg-gray-200 dark:bg-gray-800 absolute -start-3 top-20 rounded-s-lg" />
           <div className="h-12 w-[.19rem] bg-gray-200 dark:bg-gray-800 absolute -start-3 top-32 rounded-s-lg" />
           <div className="h-12 w-[.19rem] bg-gray-200 dark:bg-gray-800 absolute -start-3 top-44 rounded-s-lg" />