titemcard 수정본

This commit is contained in:
junghoon86.park
2024-06-14 19:48:00 +09:00
parent c41523dbc5
commit a11a10b1fd
2 changed files with 13 additions and 17 deletions

View File

@@ -195,10 +195,10 @@ export default memo(function TItemCard({
</div> </div>
)} )}
<h3 className={css.title}> <div className={css.title}>
{catNm !== null && <p className={css.hstmNmTitle}>{catNm}</p>} {catNm !== null && <p className={css.hstmNmTitle}>{catNm}</p>}
<h3 className={css.productNameTitle}>{productName}</h3> <h3 className={css.productNameTitle}>{productName}</h3>
</h3> </div>
{priceInfo ? ( {priceInfo ? (
<p className={css.priceInfo}> <p className={css.priceInfo}>

View File

@@ -49,16 +49,22 @@
.flex(@direction: column, @justifyCenter: space-between, @alignCenter: flex-start); .flex(@direction: column, @justifyCenter: space-between, @alignCenter: flex-start);
width: 404px; width: 404px;
padding: 12px 0; padding: 12px 0;
> div.title {
> h3 {
font-weight: bold; font-weight: bold;
font-size: 24px; font-size: 24px;
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
.elip(@clamp:2); .elip(@clamp:2);
overflow: hidden; overflow: hidden;
} > h3 {
font-weight: bold;
font-size: 24px;
color: @COLOR_GRAY06;
.elip(@clamp:2);
overflow: hidden;
}
}
> p { > p {
font-weight: bold; font-weight: bold;
font-size: 30px; font-size: 30px;
@@ -146,18 +152,7 @@
.flex(@direction: column, @alignCenter: flex-start); .flex(@direction: column, @alignCenter: flex-start);
width: 100%; width: 100%;
> h3 { > div.title {
height: 64px;
font-weight: bold;
line-height: 1.33;
font-size: 24px;
color: @COLOR_GRAY06;
.elip(@clamp:2);
overflow: hidden;
}
> h3 {
height: 64px; height: 64px;
font-weight: bold; font-weight: bold;
line-height: 1.33; line-height: 1.33;
@@ -177,6 +172,7 @@
overflow: hidden; overflow: hidden;
} }
} }
> p { > p {
font-weight: bold; font-weight: bold;
font-size: 30px; font-size: 30px;