Updated
This commit is contained in:
@@ -46,17 +46,16 @@ watch(
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="flex flex-col items-center gap-3 mb-16">
|
||||
<span class="typo-p-md text-slate-500">مقایسه محصولات</span>
|
||||
<span class="typo-h-3 text-black">
|
||||
<div class="container max-w-[1000px]">
|
||||
<div class="flex flex-col items-center gap-3 mb-10 lg:mb-16">
|
||||
<span class="typo-p-sm md:typo-p-md text-slate-500">مقایسه محصولات</span>
|
||||
<span class="typo-h-6 md:typo-h-5 lg:typo-h-3 text-black">
|
||||
تفاوت محصلات ما را ببینید
|
||||
{{ activeSlideVideo }}
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
ref="previewContainerEl"
|
||||
class="rounded-200 overflow-hidden h-[90svh] relative"
|
||||
class="rounded-200 overflow-hidden h-[60svh] md:h-[70svh] relative"
|
||||
>
|
||||
<Transition name="fade">
|
||||
<img
|
||||
@@ -110,21 +109,21 @@ watch(
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="absolute bottom-0 p-10 w-full flex justify-between items-end"
|
||||
class="max-xs:hidden absolute bottom-0 p-6 md:p-10 w-full flex justify-between items-end"
|
||||
>
|
||||
<div class="flex flex-col gap-2 text-black">
|
||||
<span class="typo-p-md">
|
||||
<span class="typo-p-sm md:typo-p-md">
|
||||
{{ homeData!.difreance_section.description1 }}
|
||||
</span>
|
||||
<span class="typo-h-3">
|
||||
<span class="typo-h-6 md:typo-h-5 lg:typo-h-3">
|
||||
{{ homeData!.difreance_section.title1 }}
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex flex-col gap-2 text-black">
|
||||
<span class="typo-p-md text-end">
|
||||
<span class="typo-p-sm md:typo-p-md text-end">
|
||||
{{ homeData!.difreance_section.description2 }}
|
||||
</span>
|
||||
<span class="typo-h-3 text-end">
|
||||
<span class="typo-h-6 md:typo-h-5 lg:typo-h-3 text-end">
|
||||
{{ homeData!.difreance_section.title2 }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user