refactor: remove fixed height and redundant minHeight properties in PrerenderProduct for improved layout flexibility
This commit is contained in:
@@ -176,7 +176,6 @@ class PrerenderProduct extends React.Component {
|
|||||||
width: { xs: "100%", sm: "555px" },
|
width: { xs: "100%", sm: "555px" },
|
||||||
maxWidth: "100%",
|
maxWidth: "100%",
|
||||||
minHeight: "400px",
|
minHeight: "400px",
|
||||||
height: "400px", // Fixed height to prevent shifts
|
|
||||||
background: "#f8f8f8",
|
background: "#f8f8f8",
|
||||||
display: "flex",
|
display: "flex",
|
||||||
flexDirection: "column",
|
flexDirection: "column",
|
||||||
@@ -209,7 +208,6 @@ class PrerenderProduct extends React.Component {
|
|||||||
p: { xs: 2, md: 4 },
|
p: { xs: 2, md: 4 },
|
||||||
display: "flex",
|
display: "flex",
|
||||||
flexDirection: "column",
|
flexDirection: "column",
|
||||||
minHeight: "400px", // Ensure consistent minimum height
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// Product identifiers
|
// Product identifiers
|
||||||
@@ -413,7 +411,6 @@ class PrerenderProduct extends React.Component {
|
|||||||
background: "#fff",
|
background: "#fff",
|
||||||
borderRadius: 2,
|
borderRadius: 2,
|
||||||
boxShadow: "0 2px 8px rgba(0,0,0,0.08)",
|
boxShadow: "0 2px 8px rgba(0,0,0,0.08)",
|
||||||
minHeight: "100px" // Minimum height to prevent shifts
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
React.createElement(
|
React.createElement(
|
||||||
|
|||||||
Reference in New Issue
Block a user