@loafmarkets/ui 0.1.258 → 0.1.260

package/dist/index.mjs

@@ -14884,14 +14884,10 @@ function PropertyBuy({
           }
         }
       ),
-      /* @__PURE__ */ jsx("div", { style: { minWidth: 0, overflow: "hidden" }, children: /* @__PURE__ */ jsx(
-        PropertyTour,
-        {
-          title: propertyName,
-          src: "/properties/Musgrave/musgrave.mp4",
-          style: { maxWidth: "none", width: "100%", height: "100%", borderRadius: "8px" }
-        }
-      ) })
+      /* @__PURE__ */ jsxs(VideoPanel, { children: [
+        /* @__PURE__ */ jsx("div", { className: "video-header", children: /* @__PURE__ */ jsx("h3", { children: propertyName }) }),
+        /* @__PURE__ */ jsx("div", { className: "video-frame", children: /* @__PURE__ */ jsx("video", { controls: true, loop: true, autoPlay: true, muted: true, playsInline: true, children: /* @__PURE__ */ jsx("source", { src: "/properties/Musgrave/musgrave.mp4", type: "video/mp4" }) }) })
+      ] })
     ] }),
     /* @__PURE__ */ jsx(
       OrderConfirmationModal,
@@ -14998,23 +14994,76 @@ var ActivityWrapper = styled9.div`
   }
 `;
 var NewsVideoRow = styled9.div`
-  display: grid;
-  grid-template-columns: minmax(380px, 520px) minmax(0, 1fr);
+  display: flex;
   gap: 1.5rem;
   margin-top: 1.5rem;
-  max-width: 1800px;
-  margin-left: auto;
-  margin-right: auto;
   height: 700px;
-  overflow: hidden;
+  align-items: stretch;
+
+  & > *:first-child {
+    flex: 0 0 420px;
+    max-width: 420px;
+    min-width: 0;
+  }
+
+  & > *:last-child {
+    flex: 1 1 0%;
+    min-width: 0;
+  }
+
   @media (max-width: 1024px) {
-    grid-template-columns: 1fr;
+    flex-direction: column;
     height: auto;
     gap: 1rem;
+
+    & > *:first-child {
+      flex: none;
+      max-width: none;
+      width: 100%;
+    }
+
+    & > *:last-child {
+      flex: none;
+      width: 100%;
+      min-height: 400px;
+    }
   }
-  & > * {
-    min-width: 0;
+`;
+var VideoPanel = styled9.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.div`