Merge pull request #610 from zen-browser/feat/sticky-feature#592

This commit is contained in:
mr. m 2025-05-19 09:38:10 +02:00 committed by GitHub
commit 6730aa0a39
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -126,45 +126,47 @@ const descriptions = Object.values(features.featureTabs).map((tab) => tab.descri
</div>
</div>
<div class="relative w-full lg:w-3/5">
<div class="video-stack relative h-full w-full">
<Video
autoplay
loop
muted
playsinline
preload="none"
class="feature-video"
src={WorkspacesVideo}
data-active="true"
/>
<Video
autoplay
loop
muted
playsinline
preload="none"
class="feature-video"
src={CompactModeVideo}
/>
<Video
autoplay
loop
muted
playsinline
preload="none"
class="feature-video"
src={GlanceVideo}
/>
<Video
autoplay
loop
muted
playsinline
preload="none"
class="feature-video"
src={SplitViewsVideo}
/>
<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">
<Video
autoplay
loop
muted
playsinline
preload="none"
class="feature-video"
src={WorkspacesVideo}
data-active="true"
/>
<Video
autoplay
loop
muted
playsinline
preload="none"
class="feature-video"
src={CompactModeVideo}
/>
<Video
autoplay
loop
muted
playsinline
preload="none"
class="feature-video"
src={GlanceVideo}
/>
<Video
autoplay
loop
muted
playsinline
preload="none"
class="feature-video"
src={SplitViewsVideo}
/>
</div>
</div>
</div>
</div>
@ -271,8 +273,6 @@ const descriptions = Object.values(features.featureTabs).map((tab) => tab.descri
@apply aspect-video;
perspective: 2000px;
transform-style: preserve-3d;
position: sticky;
top: 0;
}
.feature-video {