Fix width of video preview in panel

vyder · Dec 12, 2024 · acd1c4a · acd1c4a
1 parent b769aef
commit acd1c4a
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/index.css b/index.css
@@ -1 +1,15 @@
-.video-container>figure{display:flex;flex-direction:column;align-items:center;row-gap:.75rem}.video-caption{color:#777}.video-caption-link{text-decoration:underline}
+.video-container > figure{
+    display:flex;
+    flex-direction:column;
+    align-items:center;
+    row-gap:.75rem
+}
+.video-container > figure > video {
+    width: 100%;
+}
+.video-caption {
+    color:#777
+}
+.video-caption-link {
+    text-decoration:underline
+}
diff --git a/src/components/VideoEmbed.vue b/src/components/VideoEmbed.vue
@@ -45,6 +45,10 @@ const video = computed(() => props.content.video[0])
   row-gap: 0.75rem;
 }
 
+.video-container > figure > video {
+  width: 100%;
+}
+
 .video-caption {
   color: #777777;
 }