optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[TItemCard] style 변경

Browse Source 
Detail Notes :

1. 제목 출력부분 하단 잘림 현상
- height 변경, line-height 추가
2. Discount Font 변경
- GUI에 “Arial”과 “LG Smart”를 혼동으로 사용중임
 > “LG Smart”로 변경하여 font-weight로 조절
This commit is contained in:
jangheon Pyo
2024-03-15 16:22:05 +09:00
parent dd6a77dac4
commit 0298dcf0f5
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
com.twin.app.shoptime/src/components/TItemCard/TItemCard.module.less
View File

@@ -30,7 +30,8 @@
.size(@w: 60px, @h: 60px); .size(@w: 60px, @h: 60px);
border-radius: 60px; border-radius: 60px;
background-color: @PRIMARY_COLOR_RED; background-color: @PRIMARY_COLOR_RED;
.font(@fontFamily: "ArialBold", @fontSize:26px); font-size: 26px;
font-weight: 600;
text-align: center; text-align: center;
line-height: 60px; line-height: 60px;
} }
@@ -111,7 +112,7 @@
> div:nth-child(1) { > div:nth-child(1) {
position: relative; position: relative;
.size(@w: 288px, @h: 288px); .size(@w: 288px, @h: 288px);
margin-bottom: 12px; margin-bottom: 6px;
color: @COLOR_WHITE; color: @COLOR_WHITE;
> img { > img {
@@ -126,7 +127,8 @@
.size(@w: 60px, @h: 60px); .size(@w: 60px, @h: 60px);
border-radius: 60px; border-radius: 60px;
background-color: @PRIMARY_COLOR_RED; background-color: @PRIMARY_COLOR_RED;
.font(@fontFamily: "ArialBold", @fontSize:26px); font-size: 26px;
font-weight: 600;
text-align: center; text-align: center;
line-height: 60px; line-height: 60px;
} }
@@ -148,9 +150,9 @@
flex-grow: 1; flex-grow: 1;
> h3 { > h3 {
height: 60px; height: 64px;
margin-bottom: 6px;
font-weight: bold; font-weight: bold;
line-height: 1.33;
font-size: 24px; font-size: 24px;
color: @COLOR_GRAY06; color: @COLOR_GRAY06;
.elip(@clamp:2); .elip(@clamp:2);
@@ -162,6 +164,7 @@
font-weight: bold; font-weight: bold;
font-size: 30px; font-size: 30px;
color: @PRIMARY_COLOR_RED; color: @PRIMARY_COLOR_RED;
margin-top: 8px;
&.offerInfo { &.offerInfo {
overflow: hidden; overflow: hidden;
@@ -174,7 +177,7 @@
> span { > span {
margin-left: 5px; margin-left: 5px;
font-weight: bold; font-weight: normal;
font-size: 18px; font-size: 18px;
color: @COLOR_GRAY04; color: @COLOR_GRAY04;
text-decoration: line-through; text-decoration: line-through;