From e130d803e40f2091542cef6deacfffca5dc0bf20 Mon Sep 17 00:00:00 2001
From: Pavel Sviderski <me@psviderski.name>
Date: Thu, 6 Mar 2025 17:30:16 +1000
Subject: [PATCH] fix(website): demo min height to not shrink before video is
 loaded

---
 website/index.html | 20 +++++++++++---------
 website/style.css  |  4 ++++
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/website/index.html b/website/index.html
index 64bcb284..c3540019 100644
--- a/website/index.html
+++ b/website/index.html
@@ -117,15 +117,17 @@
                 </div>
 
                 <div class="max-w-3xl mx-auto px-4 sm:px-6 flex justify-center pb-12 relative before:absolute before:-top-12 before:w-96 before:h-96 before:bg-zinc-900 before:opacity-[.15] before:rounded-full before:blur-3xl before:-z-10">
-                    <script src="https://fast.wistia.com/player.js" async></script>
-                    <script src="https://fast.wistia.com/embed/k47uwt9uau.js" async type="module"></script>
-                    <style>wistia-player[media-id='k47uwt9uau']:not(:defined) {
-                        background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/k47uwt9uau/swatch');
-                        display: block;
-                        filter: blur(5px);
-                        padding-top: 58.33%;
-                    }</style>
-                    <wistia-player media-id="k47uwt9uau" aspect="1.7142857142857142"></wistia-player>
+                    <div class="w-full md:min-h-[420px]">
+                        <script src="https://fast.wistia.com/player.js" async></script>
+                        <script src="https://fast.wistia.com/embed/k47uwt9uau.js" async type="module"></script>
+                        <style>wistia-player[media-id='k47uwt9uau']:not(:defined) {
+                            background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/k47uwt9uau/swatch');
+                            display: block;
+                            filter: blur(5px);
+                            padding-top: 58.33%;
+                        }</style>
+                        <wistia-player media-id="k47uwt9uau" aspect="1.7142857142857142"></wistia-player>
+                    </div>
                 </div>
             </div>
         </section>
diff --git a/website/style.css b/website/style.css
index 5959c305..e9c8fb1d 100644
--- a/website/style.css
+++ b/website/style.css
@@ -2212,6 +2212,10 @@ input[type="search"]::-webkit-search-results-decoration {
     margin-bottom: 0px;
   }
 
+  .md\:min-h-\[420px\]{
+    min-height: 420px;
+  }
+
   .md\:max-w-4xl{
     max-width: 56rem;
   }