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