Add support for precise layout cropping options.

2024-04-15 16:10:09 -07:00
parent ad1f30554e
commit c7c85d188d
21 changed files with 251 additions and 27 deletions
@@ -24,4 +24,14 @@ export const updateElementStyleFromMediaLayoutConfig = (
      element.style.removeProperty(`--frigate-card-media-layout-position-${dimension}`);
    }
  }
+  for (const dimension of ['top', 'bottom', 'left', 'right']) {
+    if (mediaLayoutConfig?.view_box?.[dimension] !== undefined) {
+      element.style.setProperty(
+        `--frigate-card-media-layout-view-box-${dimension}`,
+        `${mediaLayoutConfig.view_box[dimension]}%`,
+      );
+    } else {
+      element.style.removeProperty(`--frigate-card-media-layout-view-box-${dimension}`);
+    }
+  }
 };