ui(admin): fix max width container
This commit is contained in:
parent
fcfca0730e
commit
b5b65e3d81
|
@ -60,9 +60,13 @@ const Sidebar = styled.div<{ $collapsed?: boolean }>`
|
||||||
${tw`invisible`};
|
${tw`invisible`};
|
||||||
}
|
}
|
||||||
|
|
||||||
${Wrapper} > a {
|
${Wrapper} {
|
||||||
|
${tw`px-5`};
|
||||||
|
|
||||||
|
& > a {
|
||||||
${tw`justify-center px-0`};
|
${tw`justify-center px-0`};
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
& > a {
|
& > a {
|
||||||
${tw`justify-center px-4`};
|
${tw`justify-center px-4`};
|
||||||
|
|
|
@ -33,7 +33,7 @@ import { AdminContext } from '@/state/admin';
|
||||||
import {
|
import {
|
||||||
CogIcon,
|
CogIcon,
|
||||||
DatabaseIcon,
|
DatabaseIcon,
|
||||||
FolderAddIcon,
|
FolderIcon,
|
||||||
GlobeIcon,
|
GlobeIcon,
|
||||||
OfficeBuildingIcon,
|
OfficeBuildingIcon,
|
||||||
ReplyIcon,
|
ReplyIcon,
|
||||||
|
@ -100,7 +100,7 @@ const AdminRouter = ({ location, match }: RouteComponentProps) => {
|
||||||
<ViewGridIcon/><span>Nests</span>
|
<ViewGridIcon/><span>Nests</span>
|
||||||
</NavLink>
|
</NavLink>
|
||||||
<NavLink to={`${match.url}/mounts`}>
|
<NavLink to={`${match.url}/mounts`}>
|
||||||
<FolderAddIcon/><span>Mounts</span>
|
<FolderIcon/><span>Mounts</span>
|
||||||
</NavLink>
|
</NavLink>
|
||||||
</Sidebar.Wrapper>
|
</Sidebar.Wrapper>
|
||||||
<NavLink to={'/'} css={tw`mt-auto mb-3`}>
|
<NavLink to={'/'} css={tw`mt-auto mb-3`}>
|
||||||
|
@ -117,6 +117,7 @@ const AdminRouter = ({ location, match }: RouteComponentProps) => {
|
||||||
</Sidebar.User>
|
</Sidebar.User>
|
||||||
</Sidebar>
|
</Sidebar>
|
||||||
<div css={tw`flex-1 overflow-x-hidden px-6 pt-6 lg:px-10 lg:pt-8 xl:px-16 xl:pt-12`}>
|
<div css={tw`flex-1 overflow-x-hidden px-6 pt-6 lg:px-10 lg:pt-8 xl:px-16 xl:pt-12`}>
|
||||||
|
<div css={tw`w-full flex flex-col mx-auto`} style={{ maxWidth: '86rem' }}>
|
||||||
<Switch location={location}>
|
<Switch location={location}>
|
||||||
<Route path={`${match.path}`} component={OverviewContainer} exact/>
|
<Route path={`${match.path}`} component={OverviewContainer} exact/>
|
||||||
<Route path={`${match.path}/settings`} component={SettingsContainer} exact/>
|
<Route path={`${match.path}/settings`} component={SettingsContainer} exact/>
|
||||||
|
@ -147,6 +148,7 @@ const AdminRouter = ({ location, match }: RouteComponentProps) => {
|
||||||
</Switch>
|
</Switch>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue