From a0c5cecd4d6d05541297891d4f738674fcfd79bc Mon Sep 17 00:00:00 2001 From: Andrey Razdorskiy Date: Wed, 6 Oct 2021 12:57:09 +0300 Subject: [PATCH] fix(ott-1770): fixed commentators tab width (#521) --- src/config/tabsGroup.tsx | 2 +- src/features/Common/Tabs/index.tsx | 2 +- src/features/MatchSidePlaylists/index.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/config/tabsGroup.tsx b/src/config/tabsGroup.tsx index b94fc06c..9befefa2 100644 --- a/src/config/tabsGroup.tsx +++ b/src/config/tabsGroup.tsx @@ -1 +1 @@ -export const MATCH_SIDE_PLAYLIST_WIDTH = [80, 85, 123] +export const MATCH_SIDE_PLAYLIST_WIDTH = [33, 33, 33] diff --git a/src/features/Common/Tabs/index.tsx b/src/features/Common/Tabs/index.tsx index e3fac088..b36e96e7 100644 --- a/src/features/Common/Tabs/index.tsx +++ b/src/features/Common/Tabs/index.tsx @@ -56,7 +56,7 @@ export const Tab = styled.button.attrs(({ selected }: TabProps) => ({ !isMobileDevice ? css` @media (orientation: landscape){ - width: ${width}px !important; + width: ${width}% !important; } ` : '' diff --git a/src/features/MatchSidePlaylists/index.tsx b/src/features/MatchSidePlaylists/index.tsx index 570e962b..e0e4c22b 100644 --- a/src/features/MatchSidePlaylists/index.tsx +++ b/src/features/MatchSidePlaylists/index.tsx @@ -67,7 +67,7 @@ export const MatchSidePlaylists = ({ selected={selectedTab === Tabs.LANGUAGES} onClick={() => onTabClick(Tabs.LANGUAGES)} > - +