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

fixed height

Browse Source
This commit is contained in:
Mamalizz
2025-04-21 23:31:10 +03:30
parent 9c10239eec
commit 62a3bf5362
1 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/home/ProductsShowcase.vue
+10 -11
View File
@@ -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"