[components] TItemCard, Chorome38 style issue 수정
Detail Notes : 1. horizontal type, 이미지 영역과 컨텐츠 영역이 겹치는 문제 수정 2. vertical type, title 라인에 따라 컨텐츠 영역이 변경되는 문제 수정
This commit is contained in:
@@ -14,11 +14,12 @@
|
||||
// left contents (image contetns)
|
||||
> div:nth-child(1) {
|
||||
position: relative;
|
||||
.size(@w: 200px, @h: 200px);
|
||||
margin-right: 20px;
|
||||
color: @COLOR_WHITE;
|
||||
|
||||
img {
|
||||
.size(@w: 200px, @h: 200px);
|
||||
.size(@w: inherit, @h: inherit);
|
||||
object-fit: cover;
|
||||
border: solid 1px #f0f0f0;
|
||||
}
|
||||
@@ -48,6 +49,7 @@
|
||||
> div:nth-child(2) {
|
||||
.flex(@direction: column, @justifyCenter: space-between, @alignCenter: flex-start);
|
||||
flex-grow: 1;
|
||||
width: 404px;
|
||||
padding: 12px 0;
|
||||
|
||||
h3 {
|
||||
@@ -132,6 +134,7 @@
|
||||
flex-grow: 1;
|
||||
|
||||
h3 {
|
||||
height: 60px;
|
||||
margin-bottom: 6px;
|
||||
.font(@fontFamily: @baseFontBold, @fontSize: 24px);
|
||||
color: @COLOR_GRAY06;
|
||||
|
||||
Reference in New Issue
Block a user