mirror of
https://github.com/zen-browser/www.git
synced 2025-07-08 17:30:01 +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>
|
</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 {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue