[components] TItemCard, Chorome38 style issue 수정

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

View File

@@ -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;