63 lines
1.5 KiB
Plaintext
63 lines
1.5 KiB
Plaintext
@import "../../style/CommonStyle.module.less";
|
|
@import "../../style/utils.module.less";
|
|
|
|
.detailPanelWrap {
|
|
// 배경 이미지와 그라데이션은 DetailPanelBackground 컴포넌트로 구현
|
|
// CSS 변수 대신 실제 DOM 요소 사용하여 webOS TV 호환성 확보
|
|
position: relative;
|
|
z-index: 98; // 배경 컴포넌트(z-index: 0) 위에 표시
|
|
background: transparent !important; // 투명 배경으로 설정하여 뒤의 배경 컴포넌트가 보이도록
|
|
height: 100%;
|
|
overflow: hidden;
|
|
// 하위 요소들도 투명 배경 (detailPanelWrap 스코프 내에서만 적용)
|
|
> * {
|
|
background: transparent !important;
|
|
}
|
|
}
|
|
|
|
.header {
|
|
> div {
|
|
font-weight: bold !important;
|
|
font-size: 30px !important;
|
|
.elip(@clamp: 1);
|
|
padding-left: 12px !important;
|
|
text-transform: none !important;
|
|
letter-spacing: 0 !important;
|
|
}
|
|
|
|
> button {
|
|
background-image: url("../../../assets/images/btn/btn-60-wh-back-nor@3x.png");
|
|
}
|
|
|
|
display: flex;
|
|
width: 100%;
|
|
height: 60px;
|
|
background-color: transparent;
|
|
align-items: center;
|
|
color: rgba(238, 238, 238, 1);
|
|
padding: 0 0 0 60px;
|
|
position: relative;
|
|
|
|
// > button {
|
|
// &:focus {
|
|
// &::after {
|
|
// .focused(@boxShadow: 22px, @borderRadius:0px);
|
|
// }
|
|
// }
|
|
// }
|
|
}
|
|
|
|
.tbody {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background: transparent; // 투명 배경으로 설정
|
|
|
|
// padding-left: 120px;
|
|
|
|
.detailArea {
|
|
.flex();
|
|
padding-left: -60px;
|
|
}
|
|
}
|