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)} > - +