mirror of
https://github.com/Unleash/unleash.git
synced 2024-12-22 19:07:54 +01:00
Fix padding for tabs in admin section (#2772)
Tabs from admin section were missing paddings left-right. This PR adds these paddings.
This commit is contained in:
parent
9e40cfd4c7
commit
c62d775933
@ -1,9 +1,16 @@
|
||||
import { useLocation } from 'react-router-dom';
|
||||
import { Paper, Tab, Tabs } from '@mui/material';
|
||||
import { Paper, styled, Tab, Tabs } from '@mui/material';
|
||||
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
|
||||
import { useInstanceStatus } from 'hooks/api/getters/useInstanceStatus/useInstanceStatus';
|
||||
import { CenteredNavLink } from './CenteredNavLink';
|
||||
|
||||
const StyledPaper = styled(Paper)(({ theme }) => ({
|
||||
marginBottom: '1rem',
|
||||
borderRadius: '12.5px',
|
||||
boxShadow: 'none',
|
||||
padding: '0 2rem',
|
||||
}));
|
||||
|
||||
function AdminMenu() {
|
||||
const { uiConfig } = useUiConfig();
|
||||
const { pathname } = useLocation();
|
||||
@ -13,13 +20,7 @@ function AdminMenu() {
|
||||
const activeTab = pathname.split('/')[2];
|
||||
|
||||
return (
|
||||
<Paper
|
||||
style={{
|
||||
marginBottom: '1rem',
|
||||
borderRadius: '12.5px',
|
||||
boxShadow: 'none',
|
||||
}}
|
||||
>
|
||||
<StyledPaper>
|
||||
<Tabs
|
||||
value={activeTab}
|
||||
variant="scrollable"
|
||||
@ -120,7 +121,7 @@ function AdminMenu() {
|
||||
/>
|
||||
)}
|
||||
</Tabs>
|
||||
</Paper>
|
||||
</StyledPaper>
|
||||
);
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user