diff --git a/resources/scripts/components/admin/Sidebar.tsx b/resources/scripts/components/admin/Sidebar.tsx index d43839255..b1efeb578 100644 --- a/resources/scripts/components/admin/Sidebar.tsx +++ b/resources/scripts/components/admin/Sidebar.tsx @@ -52,22 +52,26 @@ const Sidebar = styled.div<{ $collapsed?: boolean }>` ${tw`font-header font-medium text-lg whitespace-nowrap leading-none ml-3`}; } } - + ${props => props.$collapsed && css` ${tw`w-20`}; - + ${Section} { ${tw`invisible`}; } - ${Wrapper} > a { - ${tw`justify-center px-0`}; + ${Wrapper} { + ${tw`px-5`}; + + & > a { + ${tw`justify-center px-0`}; + } } & > a { ${tw`justify-center px-4`}; } - + & > a > span, ${User} > div, ${User} > a, diff --git a/resources/scripts/routers/AdminRouter.tsx b/resources/scripts/routers/AdminRouter.tsx index 6fca9faa9..51b1b0b9a 100644 --- a/resources/scripts/routers/AdminRouter.tsx +++ b/resources/scripts/routers/AdminRouter.tsx @@ -33,7 +33,7 @@ import { AdminContext } from '@/state/admin'; import { CogIcon, DatabaseIcon, - FolderAddIcon, + FolderIcon, GlobeIcon, OfficeBuildingIcon, ReplyIcon, @@ -100,7 +100,7 @@ const AdminRouter = ({ location, match }: RouteComponentProps) => { Nests - Mounts + Mounts @@ -117,34 +117,36 @@ const AdminRouter = ({ location, match }: RouteComponentProps) => { - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + );