From d3c7dc699b1636ec035778fb9e18b0ae6d91dbe0 Mon Sep 17 00:00:00 2001
From: Chris Cochrun <chris@cochrun.xyz>
Date: Tue, 21 Mar 2023 17:27:32 -0500
Subject: [PATCH] making pt-videos fit video aspect ratio

---
 assets/css/compiled/main.css | 8 ++++++++
 layouts/shortcodes/pt.html   | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index bba5823..9b0c97c 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1849,6 +1849,14 @@ select {
   display: none;
 }
 
+.aspect-auto {
+  aspect-ratio: auto;
+}
+
+.aspect-video {
+  aspect-ratio: 16 / 9;
+}
+
 .h-screen {
   height: 100vh;
 }
diff --git a/layouts/shortcodes/pt.html b/layouts/shortcodes/pt.html
index 96d071c..086d843 100644
--- a/layouts/shortcodes/pt.html
+++ b/layouts/shortcodes/pt.html
@@ -4,5 +4,5 @@
 {{- $height := .Get "height" | default "315" -}}
 
 <div style="display: flex;">
-  <iframe class="pt-vid" style="flex: auto;" width="{{ $width }}" height="{{ $height }}" sandbox="allow-same-origin allow-scripts allow-popups" src="{{ $vid }}?warningTitle=0" frameborder="0" allowfullscreen></iframe>
+  <iframe class="pt-vid flex-auto aspect-video w-full" sandbox="allow-same-origin allow-scripts allow-popups" src="{{ $vid }}?warningTitle=0" frameborder="0" allowfullscreen></iframe>
 </div>