fix(website): demo min height to not shrink before video is loaded

This commit is contained in:
Pavel Sviderski
2025-03-06 17:30:16 +10:00
parent 56e7e8baa2
commit e130d803e4
2 changed files with 15 additions and 9 deletions
+11 -9
View File
@@ -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>
+4
View File
@@ -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;
}