🦉 video preview support

2026-04-18 00:17:12 +02:00
parent 7f08ce6b10
commit 695218595a
12 changed files with 729 additions and 4 deletions
--- a/src/owl/components/ExternalVideoCard.css.tsx
+++ b/src/owl/components/ExternalVideoCard.css.tsx
@@ -0,0 +1,24 @@
+import { style } from '@vanilla-extract/css';
+import { DefaultReset, color, config, toRem } from 'folds';
+
+export const ExternalVideoCard = style([
+  DefaultReset,
+  {
+    display: 'inline-block',
+    maxWidth: toRem(480),
+    borderRadius: config.radii.R300,
+    overflow: 'hidden',
+    border: `${config.borderWidth.B300} solid ${color.SurfaceVariant.ContainerLine}`,
+    backgroundColor: color.SurfaceVariant.Container,
+  },
+]);
+
+export const ExternalVideo = style([
+  DefaultReset,
+  {
+    display: 'block',
+    width: '100%',
+    maxHeight: toRem(400),
+    backgroundColor: '#000',
+  },
+]);