yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-11-16 18:19:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix tabs border radius

Browse Source 
Signed-off-by: soupette <cyril.lpz@gmail.com>
This commit is contained in:
soupette 2021-03-29 18:46:15 +02:00
parent f859d127f0
commit 6ae9ad619c
2 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/strapi-admin/admin/src/components/Roles/Tabs/Tab.js
View File

@ -5,6 +5,9 @@ const Tab = styled.div`
flex: 1; flex: 1;
padding: 1rem; padding: 1rem;
text-align: center; text-align: center;
border-top-left-radius: ${({ isFirst, theme }) =>
isFirst ? theme.main.sizes.borderRadius : '0'};
border-top-right-radius: ${({ isLast, theme }) => (isLast ? theme.main.sizes.borderRadius : '0')};
${({ isActive, theme }) => ${({ isActive, theme }) =>
isActive isActive
? { ? {

2
packages/strapi-admin/admin/src/components/Roles/Tabs/index.js
View File

@ -32,6 +32,8 @@ const Tabs = ({ children, isLoading, tabsLabel }) => {
isActive={index === selectedTabIndex} isActive={index === selectedTabIndex}
key={tab.id} key={tab.id}
onClick={() => handleSelectedTab(index)} onClick={() => handleSelectedTab(index)}
isFirst={index === 0}
isLast={index === tabsLabel.length - 1}
> >
<Text fontWeight={index === selectedTabIndex ? 'bold' : 'semiBold'}> <Text fontWeight={index === selectedTabIndex ? 'bold' : 'semiBold'}>
{formatMessage({ id: tab.labelId, defaultMessage: tab.defaultMessage })} {formatMessage({ id: tab.labelId, defaultMessage: tab.defaultMessage })}