From 64e48ef1713f4388ed193f0e5ae0be93f225937b Mon Sep 17 00:00:00 2001
From: optrader <optrader8@gmail.com>
Date: Mon, 6 Oct 2025 15:44:53 +0900
Subject: [PATCH] =?UTF-8?q?[251006]=20feat=20=EC=95=84=EB=9E=98=20?=
 =?UTF-8?q?=ED=83=AD=20=EC=BB=A8=ED=85=8C=EC=9D=B4=EB=84=88=EC=97=90=20?=
 =?UTF-8?q?=ED=99=94=EC=82=B4=ED=91=9C=20=EC=95=84=EC=9D=B4=EC=BD=98=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

아래 탭 컨테이너에 화살표 아이콘을 삽입해 UI 가시성을 높였습니다.

🕐 커밋 시간: 2025. 10. 06. 15:44:52

📊 변경 통계:
  • 총 파일: 3개
  • 추가: +10줄
  • 삭제: -4줄

📁 추가된 파일:
  + com.twin.app.shoptime/assets/images/player/icon_tabcontainer_arrow_down.png

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/BelowTabContainer.jsx
  ~ com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/BelowTabContainer.module.less
---
 .../player/icon_tabcontainer_arrow_down.png       | Bin 0 -> 888 bytes
 .../PlayerTabContents/v2/BelowTabContainer.jsx    |   5 ++++-
 .../v2/BelowTabContainer.module.less              |   9 ++++++---
 3 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 com.twin.app.shoptime/assets/images/player/icon_tabcontainer_arrow_down.png

diff --git a/com.twin.app.shoptime/assets/images/player/icon_tabcontainer_arrow_down.png b/com.twin.app.shoptime/assets/images/player/icon_tabcontainer_arrow_down.png
new file mode 100644
index 0000000000000000000000000000000000000000..cfaf98e6f658c341c2491bc4b0271137fed6d9fb
GIT binary patch
literal 888
zcmV-;1Bd*HP)<h;3K|Lk000e1NJLTq001@s001Ef1^@s6l9pKh0009mNkl<Zcmdp(
zfmPcu5I~bozz7{7ouIG*Owe=#Isq_2*?@Ec*nn<OHlW>r4buNrJ5Np|*>U8Tlsw&&
zbdv7w`z%@cFng!J4%m9VULZ^4{D0yl-ZSJ}Y2)62p}a-;3wc1E>AxZ$X`gf<#w7v1
zBF_r_5O)BhV}@=Rh>K8<jGe{GQ)(02CGnVuI7Z`s2w)6;Mp9*g((J_xQ60YkWo$yF
zf?2d+e^R53P6OYY_DNJgnH68X+yj4W!JdftH<BwJD7mMTTQiA%0F-`L0c<{>ztOuu
z`rtfZn0A~JL7A~!5V!E$1u$pO5lT2ARi)$x<41wRuQ0xT)~VRk-NSKbV*_Rf<w?Q;
z<z9Lu#uC(u_`fkHln$6024ASZBBf&HzLX|Z9&>+th~><_5O*i$9WYli$-|^GQT>*z
zc#?kqw$ydI_*h}l?-f<Dm<YE}XD|uo4B#}_x1aogm!71iMhj5-FTELVohxG9ITx~E
zM#BO(qQ>o}#CP8hc<J3wt?Sh_P}{emc%4ue#AqGsL%Rs(3>FIa!*)ih!yO7`oV{R9
z0?v!3`_67k%vhDo0d<Xo(V1dxD1*Sl%-PJt#Esf?cd8c74DJjLQ2^xwEM4E+OYW)U
z>lgbN3`W*8>giK5IvNhB1%dTJxu;4G7Zd-=U@)f-gzF1XQyl>+JP?$nY+vKQ3&nz5
z*$Ye~7&l{P&J3zb$>2-#K&T~tO9$9a410rV0VhM@N}q~Z1ZBoFof0p#dqHVr6qpNv
z^R?LA&D15tt5*_k4=6u33DafOXfVwJ=j~)~IH251eV1A@H44hu4g%8vaQD>7te|g;
znTxMRLV3uv<J<K?P#QZJOe4VgWc%Q}G+&Y}vs}77`}ae8njS4x!1Uh0^=)!96=%++
zu{>eNi$JU!)vgAncY^Zf@YD7P@i3|arSGa>8bq!TgQOZ<!smkrQ~EXzHs-|YU`=qs
z8LU3~#CcwoszK?nI+#X*3&GO1rpgw_g|g008Z$5nn1Muaxl9N%36%aP1Jif|=WA&<
z7GWoY($S<~Isnd7@)K=qvt&If6uxGE0RRC1|LKdw1^@s621!IgR09Aay(a*x8q@s%
O0000<MNUMnLSTY$<CdoY

literal 0
HcmV?d00001

diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/BelowTabContainer.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/BelowTabContainer.jsx
index 01bcf4d0..cb1d6ced 100644
--- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/BelowTabContainer.jsx
+++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/BelowTabContainer.jsx
@@ -6,6 +6,7 @@ import Spottable from '@enact/spotlight/Spottable';
 
 import CustomImage from '../../../../components/CustomImage/CustomImage';
 import css from './BelowTabContainer.module.less';
+import icon_arrow_dwon from '../../../../../assets/images/player/icon_tabcontainer_arrow_down.png';
 
 const SpottableDiv = Spottable('div');
 
@@ -70,7 +71,9 @@ export default function BelowTabContainer({
         spotlightId="below-tab-live-channel-button"
       >
         <span className={css.buttonText}>LIVE CHANNEL</span>
-        <div className={css.arrowIcon} />
+        <div className={css.arrowIcon}>
+          <img src={icon_arrow_dwon} alt="arrow down" />
+        </div>
       </SpottableDiv>
 
       <div className={css.channelList}>
diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/BelowTabContainer.module.less b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/BelowTabContainer.module.less
index dfd93f3c..9866913c 100644
--- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/BelowTabContainer.module.less
+++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/BelowTabContainer.module.less
@@ -56,9 +56,12 @@
   }
 
   .arrowIcon {
-    .size(@w: 26.25px, @h: 15.63px);
-    background: @COLOR_WHITE;
-    // 실제 화살표 아이콘이 필요한 경우 background-image로 대체
+    .size(@w: 26.25px, @h: 15.63px);    
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+    }
   }
 
   &:hover {