ui(admin): fix max width container

This commit is contained in:
Matthew Penner 2021-10-03 17:08:13 -06:00
parent fcfca0730e
commit b5b65e3d81
No known key found for this signature in database
GPG Key ID: BAB67850901908A8
2 changed files with 41 additions and 35 deletions

View File

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

View File

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