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