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

[components] TItemCard, Chorome38 style issue 수정

Browse Source 
Detail Notes :

1. horizontal type, 이미지 영역과 컨텐츠 영역이 겹치는 문제 수정
2. vertical type, title 라인에 따라 컨텐츠 영역이 변경되는 문제 수정
This commit is contained in:
younghoon100.park
2024-03-11 14:33:06 +09:00
parent 17a47f9a3a
commit 0870ba07c7
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,11 +14,12 @@
// left contents (image contetns) // left contents (image contetns)
> div:nth-child(1) { > div:nth-child(1) {
position: relative; position: relative;
.size(@w: 200px, @h: 200px);
margin-right: 20px; margin-right: 20px;
color: @COLOR_WHITE; color: @COLOR_WHITE;
img { img {
.size(@w: 200px, @h: 200px); .size(@w: inherit, @h: inherit);
object-fit: cover; object-fit: cover;
border: solid 1px #f0f0f0; border: solid 1px #f0f0f0;
} }
@@ -48,6 +49,7 @@
> div:nth-child(2) { > div:nth-child(2) {
.flex(@direction: column, @justifyCenter: space-between, @alignCenter: flex-start); .flex(@direction: column, @justifyCenter: space-between, @alignCenter: flex-start);
flex-grow: 1; flex-grow: 1;
width: 404px;
padding: 12px 0; padding: 12px 0;
h3 { h3 {
@@ -132,6 +134,7 @@
flex-grow: 1; flex-grow: 1;
h3 { h3 {
height: 60px;
margin-bottom: 6px; margin-bottom: 6px;
.font(@fontFamily: @baseFontBold, @fontSize: 24px); .font(@fontFamily: @baseFontBold, @fontSize: 24px);
color: @COLOR_GRAY06; color: @COLOR_GRAY06;