Offset app inside sandbox

kraenhansen · kraenhansen · commit c55143d121ca · 2025-08-18T08:18:43.000+02:00
diff --git a/packages/compass-web/sandbox/index.html b/packages/compass-web/sandbox/index.html
@@ -11,16 +11,28 @@
     <style>
       body {
         margin: 0;
+        background: #00a35c;
+      }
+      #container {
+        --offset: 30px;
+        position: absolute;
+        top: var(--offset);
+        bottom: var(--offset);
+        left: var(--offset);
+        right: var(--offset);
       }
       #sandbox-app {
-        width: 100vw;
-        height: 100vh;
+        width: 100%;
+        height: 100%;
       }
     </style>
   </head>
 
   <body>
-    <div id="sandbox-app"></div>
+    <!-- Mounting app inside an offset container simulate embedding more realistically -->
+    <div id="container">
+      <div id="sandbox-app"></div>
+    </div>
     <script src="/index.js"></script>
   </body>
 </html>
