ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-08 09:20:00 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(sticky-features): make features videos sticky

Browse source
This commit is contained in:
taroj1205 2025-05-19 19:28:23 +12:00
parent cbe48b89ce
commit c8dae6b376
No known key found for this signature in database
GPG key ID: 0FCB6CFFE0981AB7
1 changed files with 41 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/Features.astro
View file

@ -126,7 +126,8 @@ const descriptions = Object.values(features.featureTabs).map((tab) => tab.descri
</div> </div>
</div> </div>
<div class="relative w-full lg:w-3/5"> <div class="sticky top-6 w-full lg:w-3/5 h-fit">
<div class="relative w-full">
<div class="video-stack relative h-full w-full"> <div class="video-stack relative h-full w-full">
<Video <Video
autoplay autoplay
@ -168,6 +169,7 @@ const descriptions = Object.values(features.featureTabs).map((tab) => tab.descri
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
<script> <script>
@ -271,8 +273,6 @@ const descriptions = Object.values(features.featureTabs).map((tab) => tab.descri
@apply aspect-video; @apply aspect-video;
perspective: 2000px; perspective: 2000px;
transform-style: preserve-3d; transform-style: preserve-3d;
position: sticky;
top: 0;
} }
.feature-video { .feature-video {