[FeaturedBrandsPaenl] css 수정

Detail Notes :

1. Banner와 LiveChannels 의 간격 수정

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Banner/Banner.module.less

@@ -5,28 +5,28 @@
   position: relative;
   .flex(@justifyCenter: flex-start, @alignCenter: flex-end);
   .size(@w: 100%, @h: 108px);
+  margin-bottom: 58px;
 
   div {
     .flex();
-    gap: 12px;
-
-    // @@pyh Todo, padding-left 전체적으로 적용유무 수정
     padding-left: 60px;
 
-    h2 {
+    // patner logo
-      color: #fff;
-      font-family: @baseFontBold;
-      font-size: 36px;
-    }
     img {
       .size(@w: 60px, @h: 60px);
+      margin-right: 12px;
+    }
+
+    // patner title
+    h2 {
+      .font(@fontFamily: @baseFontBold, @fontSize: 36px);
+      color: @COLOR_WHITE;
     }
   }
 
   > img {
     .position(@position: absolute, @top: 0, @right: 0);
-    width: 100%;
+    .size(@w: 100%, @h: 438px);
-    height: 438px;
     object-fit: cover;
     z-index: -1;
   }

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannels.jsx

@@ -22,25 +22,25 @@ const LIVE_CHANNELS_STRING = "LIVE CHANNELS";
 
 export default function LiveChannels({ brandChanInfo, brandChannelCnt }) {
   const {
-    alamDispFlag,
+    alamDispFlag, // UpComming 알람 여부
-    brandProductInfo,
+    brandProductInfo, // 상품 정보 Array
-    chanId,
+    chanId, // 채널 아이디
-    chanNm,
+    chanNm, // 채널 이름
-    endDt,
+    endDt, // 방송 종료 시간
-    liveYn,
+    liveYn, // 라이브 여부
-    logoImgAlt,
+    logoImgAlt, // 로고 이미지 alt 값
-    logoImgNm,
+    logoImgNm, // 로고 이미지 이름
-    logoImgPath,
+    logoImgPath, // 로고 이미지 경로
-    patnrId,
+    patnrId, // 파트너 아이디
-    prdtCnt,
+    prdtCnt, // 상품 개수
-    showDesc,
+    showDesc, // 방송 설명
-    showId,
+    showId, // 방송 아이디
-    showNm,
+    showNm, // 방송 이름
-    showTimesec,
+    showTimesec, // 방송 타임 (초)
-    showUrl,
+    showUrl, // 방송 url
-    strtDt,
+    strtDt, // 방송 시작 시간
     thumbnailImgPath,
-    vtctpYn, // 영상 세로 여부
+    vtctpYn, // 영상 세로형 여부
   } = brandChanInfo;
 
   // @@pyh Todo, scenario page 100, thumbnail click → 영상 full 화면 이동 및 해당 상품 focuse
@@ -53,6 +53,7 @@ export default function LiveChannels({ brandChanInfo, brandChannelCnt }) {
           <SectionTitle title={$L(LIVE_CHANNELS_STRING)} />
 
           {brandChannelCnt === 1 && (
+            // @@pyh Todo, 오류 또는 장애 발생으로, Live방송이 나오지 않을 경우 처리 (Scenario, page 102)
             // 라이브 영상이 1개일 경우
             <div>
               <LiveVideoCard

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannels.module.less

@@ -5,7 +5,7 @@
   margin-bottom: 58px;
 
   h2 {
-    margin: 58px 0 24px;
+    margin-bottom: 24px;
   }
 
   > div {