@loafmarkets/ui 0.1.259 → 0.1.260

package/dist/index.js

@@ -14910,14 +14910,10 @@ function PropertyBuy({
           }
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minWidth: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-        PropertyTour,
-        {
-          title: propertyName,
-          src: "/properties/Musgrave/musgrave.mp4",
-          style: { maxWidth: "none", width: "100%", height: "100%", borderRadius: "8px" }
-        }
-      ) })
+      /* @__PURE__ */ jsxRuntime.jsxs(VideoPanel, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "video-header", children: /* @__PURE__ */ jsxRuntime.jsx("h3", { children: propertyName }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "video-frame", children: /* @__PURE__ */ jsxRuntime.jsx("video", { controls: true, loop: true, autoPlay: true, muted: true, playsInline: true, children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: "/properties/Musgrave/musgrave.mp4", type: "video/mp4" }) }) })
+      ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
       OrderConfirmationModal,
@@ -15027,21 +15023,18 @@ var NewsVideoRow = styled9__default.default.div`
   display: flex;
   gap: 1.5rem;
   margin-top: 1.5rem;
-  max-width: 1800px;
-  margin-left: auto;
-  margin-right: auto;
   height: 700px;
+  align-items: stretch;
 
   & > *:first-child {
     flex: 0 0 420px;
+    max-width: 420px;
     min-width: 0;
-    overflow: hidden;
   }
 
   & > *:last-child {
-    flex: 1 1 0;
+    flex: 1 1 0%;
     min-width: 0;
-    overflow: hidden;
   }
 
   @media (max-width: 1024px) {
@@ -15051,6 +15044,7 @@ var NewsVideoRow = styled9__default.default.div`
 
     & > *:first-child {
       flex: none;
+      max-width: none;
       width: 100%;
     }
 
@@ -15061,6 +15055,43 @@ var NewsVideoRow = styled9__default.default.div`
     }
   }
 `;
+var VideoPanel = styled9__default.default.div`
+  background: #111111;
+  border-radius: 8px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+
+  .video-header {
+    padding: 1.25rem 1.5rem 0;
+    h3 {
+      font-size: 1.1rem;
+      font-weight: 600;
+      color: #fff;
+      margin: 0 0 1rem;
+    }
+  }
+
+  .video-frame {
+    flex: 1;
+    position: relative;
+    margin: 0 1.5rem 1.5rem;
+    border-radius: 8px;
+    overflow: hidden;
+    background: #000;
+
+    video {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+`;
 var PaymentOption = styled9__default.default.div`
   display: flex;
   align-items: center;