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

fix(features): fix features order

Browse source
This commit is contained in:
taroj1205 2025-01-24 22:10:13 +13:00
parent 97e9ff35c8
commit f87ef1aba8
1 changed files with 118 additions and 119 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/Features.astro
View file

@ -61,6 +61,7 @@ import Video from './Video.astro'
preload="none" preload="none"
class="rounded-xl border-4 border-white object-cover shadow" class="rounded-xl border-4 border-white object-cover shadow"
/> />
</div>
<div class="long-feature xl:!flex-row-reverse"> <div class="long-feature xl:!flex-row-reverse">
<div class="lg:p-24"> <div class="lg:p-24">
<Description class="feature-title text-5xl font-bold md:text-6xl"> <Description class="feature-title text-5xl font-bold md:text-6xl">
@ -90,8 +91,7 @@ import Video from './Video.astro'
Zen Glance Zen Glance
</Description> </Description>
<p class="desc mt-2 text-xl font-normal"> <p class="desc mt-2 text-xl font-normal">
Zen's glance feature allows you to view links without <i>actually</i Zen's glance feature allows you to view links without <i>actually</i>
>
opening them. opening them.
</p> </p>
</div> </div>
@ -149,8 +149,8 @@ import Video from './Video.astro'
/> />
</div> </div>
</div> </div>
</div> </section>
<script> <script>
function changeFeature(index: number) { function changeFeature(index: number) {
document document
.querySelectorAll('#feature-list .feature') .querySelectorAll('#feature-list .feature')
@ -178,8 +178,8 @@ import Video from './Video.astro'
}) })
}) })
changeFeature(0) changeFeature(0)
</script> </script>
<style> <style>
.long-feature { .long-feature {
@apply relative flex w-full flex-col items-center gap-10 px-4 md:px-12 lg:px-24 xl:flex-row xl:gap-32 xl:px-0 2xl:px-24; @apply relative flex w-full flex-col items-center gap-10 px-4 md:px-12 lg:px-24 xl:flex-row xl:gap-32 xl:px-0 2xl:px-24;
@ -191,5 +191,4 @@ import Video from './Video.astro'
@apply xl:h-96 2xl:h-[32rem]; @apply xl:h-96 2xl:h-[32rem];
} }
} }
</style> </style>
</section>