From 62a3bf536244511e1d766fdb6885ffd5742fde79 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Mon, 21 Apr 2025 23:31:10 +0330
Subject: [PATCH] fixed height

---
 frontend/components/home/ProductsShowcase.vue | 21 +++++++++----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/frontend/components/home/ProductsShowcase.vue b/frontend/components/home/ProductsShowcase.vue
index e9eaa75..c1ceab7 100644
--- a/frontend/components/home/ProductsShowcase.vue
+++ b/frontend/components/home/ProductsShowcase.vue
@@ -85,14 +85,14 @@ onUnmounted(() => {
 <template>
     <section
         id="products-showcase-container"
-        class="perspective-midrange relative z-[99999]"
+        class="perspective-midrange relative z-[999]"
     >
-        <div class="w-full h-[102svh] bg-black">
+        <div class="w-full min-h-[120svh] lg:min-h-[102svh] bg-black">
             <NuxtLink
                 v-for="slide in homeData!.show_case_slider"
                 :key="slide.id"
                 :to="slide.link"
-                class="showcase-slide origin-bottom absolute size-full bg-transparent flex items-center justify-center"
+                class="showcase-slide origin-bottom absolute size-full bg-transparent flex items-center justify-center max-lg:-mt-16 lg:mt-5"
             >
                 <NuxtImg
                     class="w-[280px] xs:w-[350px] lg:w-[500px] xl:w-[650px] z-20 mb-30 sm:mb-20 lg:mb-30"
@@ -102,12 +102,8 @@ onUnmounted(() => {
                     }"
                     alt=""
                 />
-                <div
-                    class="flex flex-col items-center justify-center gap-6 text-center absolute z-20 mt-20"
-                >
-                    <span
-                        class="text-white typo-h-6 sm:typo-h-5 lg:typo-h-4 xl:typo-h-3"
-                    >
+                <div class="flex flex-col items-center justify-center gap-6 text-center absolute z-20 mt-20">
+                    <span class="text-white typo-h-6 sm:typo-h-5 lg:typo-h-4 xl:typo-h-3">
                         {{ slide.title }}
                     </span>
                     <p
@@ -115,10 +111,13 @@ onUnmounted(() => {
                     >
                         {{ slide.description }}
                     </p>
-                    <NuxtLink :to="slide.link" class="relative">
+                    <NuxtLink
+                        :to="slide.link"
+                        class="relative"
+                    >
                         <NuxtImg
                             src="/img/heymlz/heymlz-falling.gif"
-                            class="absolute top-[106px] sm:top-[105px] lg:top-[117px] left-1/2 -translate-1/2 w-[250px] drop-shadow-md"
+                            class="absolute top-[101px] sm:top-[100px] lg:top-[117px] left-1/2 -translate-1/2 w-[200px] lg:w-[250px] drop-shadow-md"
                         />
                         <Button
                             variant="primary"