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

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

Browse source
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
1 changed files with 41 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

82
src/components/Features.astro
View file

@ -126,45 +126,47 @@ 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="video-stack relative h-full w-full"> <div class="relative w-full">
<Video <div class="video-stack relative h-full w-full">
autoplay <Video
loop autoplay
muted loop
playsinline muted
preload="none" playsinline
class="feature-video" preload="none"
src={WorkspacesVideo} class="feature-video"
data-active="true" src={WorkspacesVideo}
/> data-active="true"
<Video />
autoplay <Video
loop autoplay
muted loop
playsinline muted
preload="none" playsinline
class="feature-video" preload="none"
src={CompactModeVideo} class="feature-video"
/> src={CompactModeVideo}
<Video />
autoplay <Video
loop autoplay
muted loop
playsinline muted
preload="none" playsinline
class="feature-video" preload="none"
src={GlanceVideo} class="feature-video"
/> src={GlanceVideo}
<Video />
autoplay <Video
loop autoplay
muted loop
playsinline muted
preload="none" playsinline
class="feature-video" preload="none"
src={SplitViewsVideo} class="feature-video"
/> src={SplitViewsVideo}
/>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -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 {