philipp/uncloud
1
0
Fork 0
mirror of https://github.com/psviderski/uncloud.git synced 2026-08-26 11:03:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
website/index.html
+11 -9
View File
@@ -117,15 +117,17 @@
</div> </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"> <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> <div class="w-full md:min-h-[420px]">
<script src="https://fast.wistia.com/embed/k47uwt9uau.js" async type="module"></script> <script src="https://fast.wistia.com/player.js" async></script>
<style>wistia-player[media-id='k47uwt9uau']:not(:defined) { <script src="https://fast.wistia.com/embed/k47uwt9uau.js" async type="module"></script>
background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/k47uwt9uau/swatch'); <style>wistia-player[media-id='k47uwt9uau']:not(:defined) {
display: block; background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/k47uwt9uau/swatch');
filter: blur(5px); display: block;
padding-top: 58.33%; filter: blur(5px);
}</style> padding-top: 58.33%;
<wistia-player media-id="k47uwt9uau" aspect="1.7142857142857142"></wistia-player> }</style>
<wistia-player media-id="k47uwt9uau" aspect="1.7142857142857142"></wistia-player>
</div>
</div> </div>
</div> </div>
</section> </section>
website/style.css
+4
View File
@@ -2212,6 +2212,10 @@ input[type="search"]::-webkit-search-results-decoration {
margin-bottom: 0px; margin-bottom: 0px;
} }
.md\:min-h-\[420px\]{
min-height: 420px;
}
.md\:max-w-4xl{ .md\:max-w-4xl{
max-width: 56rem; max-width: 56rem;
} }