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 00000000..cfaf98e6 Binary files /dev/null and b/com.twin.app.shoptime/assets/images/player/icon_tabcontainer_arrow_down.png differ 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" > LIVE CHANNEL -
+
+ arrow down +
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 {