This commit is contained in:
marzban-dev
2026-05-26 19:24:50 +03:30
parent f0b03e27b3
commit 642b41ffaf
@@ -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,7 +90,10 @@ watch(
</NuxtLink> </NuxtLink>
</div> </div>
<SaveButton /> <div class="flex items-center gap-2">
<ShareButton :product="product!" />
<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 }}
@@ -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,8 +159,10 @@ watch(
{{ product!.category.name }} {{ product!.category.name }}
</NuxtLink> </NuxtLink>
</div> </div>
<div class="flex items-center gap-2">
<SaveButton /> <ShareButton :product="product!" />
<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 }}
@@ -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