1
0
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:
sjaanus 2023-01-02 15:40:37 +02:00 committed by GitHub
parent 9e40cfd4c7
commit c62d775933
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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>
);
}