summaryrefslogtreecommitdiff
path: root/src-migrate/modules
diff options
context:
space:
mode:
Diffstat (limited to 'src-migrate/modules')
-rw-r--r--src-migrate/modules/product-detail/components/Information.tsx2
-rw-r--r--src-migrate/modules/product-detail/components/PriceAction.tsx8
2 files changed, 7 insertions, 3 deletions
diff --git a/src-migrate/modules/product-detail/components/Information.tsx b/src-migrate/modules/product-detail/components/Information.tsx
index 8655517d..590e8afd 100644
--- a/src-migrate/modules/product-detail/components/Information.tsx
+++ b/src-migrate/modules/product-detail/components/Information.tsx
@@ -189,7 +189,7 @@ const Information = ({ product }: Props) => {
width={100}
src={product.manufacture.logo}
alt={product.manufacture.name}
- className='h-8 object-cover'
+ className='h-8 object-fit'
/>
</Link>
) : (
diff --git a/src-migrate/modules/product-detail/components/PriceAction.tsx b/src-migrate/modules/product-detail/components/PriceAction.tsx
index a9b17f92..a44e35ec 100644
--- a/src-migrate/modules/product-detail/components/PriceAction.tsx
+++ b/src-migrate/modules/product-detail/components/PriceAction.tsx
@@ -9,6 +9,7 @@ import { useProductDetail } from '../stores/useProductDetail';
import AddToCart from './AddToCart';
import AddToQuotation from './AddToQuotation';
import { getAuth } from '~/libs/auth';
+import useDevice from '@/core/hooks/useDevice';
type Props = {
product: IProductDetail;
@@ -27,7 +28,7 @@ const PriceAction = ({ product }: Props) => {
selectedVariant,
sla,
} = useProductDetail();
-
+ const { isDesktop, isMobile } = useDevice();
useEffect(() => {
setActive(selectedVariant);
if (product.variants.length > 2 && product.variants[0].price.price === 0) {
@@ -55,7 +56,10 @@ const PriceAction = ({ product }: Props) => {
return (
<div
- className='block md:sticky md:top-[150px] md:py-6 fixed bottom-0 left-0 right-0 bg-white p-2 z-10'
+ className={`block md:sticky md:top-[150px] md:py-6 fixed bottom-0 left-0 right-0 bg-white p-2 z-10 ${
+ isMobile &&
+ 'pb-8 pt-6 rounded-lg shadow-[rgba(0,0,4,0.1)_0px_-4px_4px_0px] '
+ }`}
id='price-section'
>
{!!activePrice && activePrice.price > 0 && (