[TItemCard] BestSeller TOP Text GUI 변경으로 제거완료

This commit is contained in:
jangheon Pyo
2024-05-31 16:07:00 +09:00
parent 92b5dfcf45
commit 18741505d5
2 changed files with 16 additions and 9 deletions

View File

@@ -189,18 +189,25 @@
// best seller
.bestSeller {
.position(@position: absolute, @top: -1px, @left: 18px);
.flex(@direction: column, @justifyCenter: space-between);
padding: 15px 16px 21px;
.size(@w:78px, @h:84px);
display: flex;
align-items: center;
justify-content: center;
.position(@position: absolute, @top: 0, @left: 18px);
background-color: @COLOR_GRAY07;
.font(@fontFamily: @robotoFontBold, @fontSize: 24px);
color: @COLOR_WHITE;
border-bottom-left-radius: 79px;
border-bottom-right-radius: 79px;
> span {
.font(@fontFamily: @arialFontBold, @fontSize: 42px);
font-size: 42px;
}
&::before {
.size(@w:100%, @h:1px);
background-color: @COLOR_GRAY07;
.position(@position: absolute, @top: -1px, @left: 0);
content: "";
}
}
@@ -210,9 +217,11 @@
.focused(@boxShadow: 22px, @borderRadius: 12px);
}
// best seller
> div:nth-child(3) {
.bestSeller {
background-color: @PRIMARY_COLOR_RED;
&::before {
display: none;
}
}
}
}