fixed gradient in product detail
This commit is contained in:
@@ -328,7 +328,7 @@
|
|||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
to top,
|
to top,
|
||||||
rgba(0, 0, 0, 0.95) 0%,
|
rgba(0, 0, 0, 0.95) 0%,
|
||||||
rgba(0, 0, 0, 0.7) 30%,
|
rgba(0, 0, 0, 0.7) 0%,
|
||||||
rgba(0, 0, 0, 0.3) 70%,
|
rgba(0, 0, 0, 0.3) 70%,
|
||||||
rgba(255, 255, 255, 0) 100%
|
rgba(255, 255, 255, 0) 100%
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -374,7 +374,7 @@ const ProductPage = ({
|
|||||||
|
|
||||||
{/* Description card */}
|
{/* Description card */}
|
||||||
{product.description && (
|
{product.description && (
|
||||||
<div className={`${styles.descriptionCard} ${!isDescExpanded ? styles.descriptionCardCollapsed : ''}`}>
|
<div className={`${styles.descriptionCard} ${!isDescExpanded && showReadMore ? styles.descriptionCardCollapsed : ''}`}>
|
||||||
<div className={styles.descriptionHeader}>
|
<div className={styles.descriptionHeader}>
|
||||||
<div className={styles.descriptionIcon}>
|
<div className={styles.descriptionIcon}>
|
||||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||||
@@ -394,7 +394,7 @@ const ProductPage = ({
|
|||||||
<div
|
<div
|
||||||
ref={descRef}
|
ref={descRef}
|
||||||
className={`${styles.productDescription} ${
|
className={`${styles.productDescription} ${
|
||||||
!isDescExpanded ? styles.productDescriptionCollapsed : ""
|
!isDescExpanded && showReadMore ? styles.productDescriptionCollapsed : ""
|
||||||
}`}
|
}`}
|
||||||
dangerouslySetInnerHTML={{ __html: product.description }}
|
dangerouslySetInnerHTML={{ __html: product.description }}
|
||||||
/>
|
/>
|
||||||
@@ -511,3 +511,4 @@ const ProductPage = ({
|
|||||||
};
|
};
|
||||||
|
|
||||||
export default ProductPage;
|
export default ProductPage;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user