Updated
This commit is contained in:
@@ -68,7 +68,7 @@ watch(
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="flex max-lg:flex-col lg:gap-12 xl:gap-16 container pt-[5rem] pb-28">
|
<div class="flex max-lg:flex-col lg:gap-12 xl:gap-16 container pt-8 sm:pt-20 pb-28">
|
||||||
<div class="flex flex-col gap-3 lg:hidden">
|
<div class="flex flex-col gap-3 lg:hidden">
|
||||||
<div class="flex items-center justify-between w-full">
|
<div class="flex items-center justify-between w-full">
|
||||||
<div class="flex items-center gap-1.5">
|
<div class="flex items-center gap-1.5">
|
||||||
@@ -90,8 +90,11 @@ watch(
|
|||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="flex items-center gap-2">
|
||||||
|
<ShareButton :product="product!" />
|
||||||
<SaveButton />
|
<SaveButton />
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<h1 class="typo-h-6 xs:typo-h-5 sm:typo-h-4 lg:typo-h-2">
|
<h1 class="typo-h-6 xs:typo-h-5 sm:typo-h-4 lg:typo-h-2">
|
||||||
{{ product!.name }}
|
{{ product!.name }}
|
||||||
</h1>
|
</h1>
|
||||||
@@ -125,7 +128,10 @@ watch(
|
|||||||
<span class="max-sm:hidden"> تخفیف درصد </span>
|
<span class="max-sm:hidden"> تخفیف درصد </span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Rating :rate="product!.rating" />
|
<Rating
|
||||||
|
:rate="product!.rating"
|
||||||
|
:have-rate="product!.rating !== 0"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Slider
|
<Slider
|
||||||
@@ -153,9 +159,11 @@ watch(
|
|||||||
{{ product!.category.name }}
|
{{ product!.category.name }}
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="flex items-center gap-2">
|
||||||
|
<ShareButton :product="product!" />
|
||||||
<SaveButton />
|
<SaveButton />
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<h1 class="typo-h-4 xl:typo-h-3 max-lg:hidden">
|
<h1 class="typo-h-4 xl:typo-h-3 max-lg:hidden">
|
||||||
{{ product!.name }}
|
{{ product!.name }}
|
||||||
</h1>
|
</h1>
|
||||||
@@ -192,12 +200,14 @@ watch(
|
|||||||
|
|
||||||
<Rating
|
<Rating
|
||||||
:rate="product!.rating"
|
:rate="product!.rating"
|
||||||
|
:have-rate="product!.rating !== 0"
|
||||||
class="sm:hidden"
|
class="sm:hidden"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Rating
|
<Rating
|
||||||
:rate="product!.rating"
|
:rate="product!.rating"
|
||||||
|
:have-rate="product!.rating !== 0"
|
||||||
class="max-sm:hidden"
|
class="max-sm:hidden"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -325,8 +335,6 @@ watch(
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<InfoCard />
|
<InfoCard />
|
||||||
|
|
||||||
<Share :product="product!" />
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ProductDescription
|
<ProductDescription
|
||||||
|
|||||||
Reference in New Issue
Block a user