Fix width of video preview in panel

simonlouschueler · simonlouschueler · commit acd1c4ac3d19 · 2024-12-12T14:05:34.000+01:00
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;
 }

Original file line number	Diff line number	Diff line change
`@@ -45,6 +45,10 @@ const video = computed(() => props.content.video[0])`
`45`	`45`	`row-gap: 0.75rem;`
`46`	`46`	`}`
`47`	`47`
	`48`	`+.video-container > figure > video {`
	`49`	`+ width: 100%;`
	`50`	`+}`
	`51`	`+`
`48`	`52`	`.video-caption {`
`49`	`53`	`color: #777777;`
`50`	`54`	`}`