mobile-snap 1.0.6 → 1.0.7

package/bin/cli.js

@@ -502,17 +502,21 @@ async function applyMockupBorder(browser, imageBuffer, deviceName, size, platfor
     overflow: hidden;
   }
   body {
-    background: transparent;
+    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 100%);
     display: flex;
     justify-content: center;
     align-items: center;
-    min-height: 100vh;
+    width: 100vw;
+    height: 100vh;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
   }
   .device-wrapper {
     position: relative;
-    padding: 40px; /* space for shadow */
-    display: inline-block;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    transform: scale(0.85);
+    transform-origin: center;
     background: transparent;
   }
   .device-frame {
@@ -668,13 +672,8 @@ async function applyMockupBorder(browser, imageBuffer, deviceName, size, platfor
 </html>
   `;
 
-  const extraWidth = 150;
-  const extraHeight = 150;
   const context = await browser.newContext({
-    viewport: { 
-      width: size.logical.width + extraWidth, 
-      height: size.logical.height + extraHeight 
-    },
+    viewport: size.logical,
     deviceScaleFactor: size.scale
   });
   
@@ -682,8 +681,8 @@ async function applyMockupBorder(browser, imageBuffer, deviceName, size, platfor
   await page.setContent(htmlContent);
   await page.waitForLoadState('networkidle');
   
-  const buffer = await page.locator('.device-wrapper').screenshot({
-    omitBackground: true
+  const buffer = await page.screenshot({
+    omitBackground: false
   });
   
   await context.close();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mobile-snap",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Automate pixel-precise App Store & Google Play screenshots from a local web server",
   "type": "module",
   "main": "bin/cli.js",