mirror of
https://github.com/zen-browser/www.git
synced 2025-07-07 17:05:32 +02:00
Merge pull request #610 from zen-browser/feat/sticky-feature#592
This commit is contained in:
commit
6730aa0a39
1 changed files with 41 additions and 41 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue