From acd1c4ac3d193240f893e22382d242b4ba0625d6 Mon Sep 17 00:00:00 2001
From: simonlouschueler <accounts@simonlou.com>
Date: Thu, 12 Dec 2024 13:44:37 +0100
Subject: [PATCH] Fix width of video preview in panel

---
 index.css                     | 16 +++++++++++++++-
 src/components/VideoEmbed.vue |  4 ++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/index.css b/index.css
index 1299e91..42b5ee7 100644
--- 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
+}
\ No newline at end of file
diff --git a/src/components/VideoEmbed.vue b/src/components/VideoEmbed.vue
index f6bff1a..d76804b 100644
--- 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;
 }