heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update categories section

Browse Source
This commit is contained in:
marzban-dev
2025-03-27 19:51:20 +03:30
parent a26232b4fd
commit 909af666cf
1 changed files with 8 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/home/Categories.vue
+8 -17
View File
@@ -25,28 +25,19 @@ const onSwiper = (swiper: SwiperClass) => {
class="flex flex-col justify-center gap-4 bg-black h-[150svh] relative overflow-hidden"
>
<!-- <div class="w-full flex justify-center items-center relative z-10">-->
<!-- <span class="text-white typo-h-6 md:typo-h-5 lg:typo-h-4">-->
<!-- دسته بندی ها-->
<!-- </span>-->
<!-- </div>-->
<NuxtImg
src="/img/categories-gradient.png"
class="animate-spin [animation-duration:16s] object-cover absolute size-full brightness-45 scale-115 aspect-square"
:style="{
maskImage: 'radial-gradient(black, transparent 50%)'
}"
alt=""
/>
<div class="w-full flex justify-center items-center relative translate-y-[-200px] z-10">
<span class="text-white typo-h-6 md:typo-h-5 lg:typo-h-4">
دسته بندی ها
</span>
</div>
<div class="w-full my-20 relative">
<video
class="aspect-square w-[450px] translate-[-253px] absolute left-1/2 -translate-x-1/2 z-10"
class="aspect-square w-[450px] translate-[-293px] absolute left-1/2 -translate-x-1/2 z-10"
:style="{
filter: 'drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.4))',
}"
src="/video/heymlz/heymlz-seat-2.webm"
src="/video/heymlz/heymlz-handshake-part-1.webm"
autoplay
playsinline
webkit-playsinline
@@ -109,7 +100,7 @@ const onSwiper = (swiper: SwiperClass) => {
<div class="w-full flex justify-center items-center">
<NuxtLink to="/category">
<Button variant="solid" class="invert rounded-full max-xs:typo-label-sm !px-4 xs:!px-8"
<Button variant="primary" class="rounded-full max-xs:typo-label-sm !px-4 xs:!px-8"
end-icon="ci:arrow-left">
مشاهده همه دسته ها
</Button>