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

Make showcase responsive

Browse Source
This commit is contained in:
marzban-dev
2025-05-30 15:50:58 +03:30
parent 62037b7f1c
commit ee4b43c288
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/home/ProductsShowcase.vue
+4 -4
View File
@@ -138,13 +138,13 @@ onMounted(() => {
exit="exit"
class="size-full flex flex-col gap-20 items-center justify-center"
>
<div class="flex items-center gap-6 perspective-midrange">
<div class="flex items-center sm:gap-2 lg:gap-6 perspective-midrange">
<motion.div
:variants="childImageVariants"
class="origin-bottom-left"
>
<NuxtImg
class="w-[300px] z-20 mt-40"
class="w-[130px] sm:w-[180px] lg:w-[250px] xl:w-[300px] z-20 mt-40"
:src="slide.image3"
alt=""
/>
@@ -155,7 +155,7 @@ onMounted(() => {
class="origin-bottom"
>
<NuxtImg
class="w-[300px] z-20"
class="w-[130px] sm:w-[180px] lg:w-[250px] xl:w-[300px] z-20"
:src="slide.image2"
alt=""
/>
@@ -166,7 +166,7 @@ onMounted(() => {
class="origin-bottom-right"
>
<NuxtImg
class="w-[300px] z-20 mt-40"
class="w-[130px] sm:w-[180px] lg:w-[250px] xl:w-[300px] z-20 mt-40"
:src="slide.image1"
alt=""
/>