Browse Source

Decrease width of expanded sidebar from 193 -> 165

master
jeffvli 3 years ago
committed by Jeff
parent
commit
cb8ffcbb6a
  1. 2
      src/components/layout/Sidebar.tsx
  2. 2
      src/components/layout/styled.tsx

2
src/components/layout/Sidebar.tsx

@ -13,7 +13,7 @@ const Sidebar = ({
return ( return (
<FixedSidebar <FixedSidebar
id="sidebar" id="sidebar"
width={expand ? 193 : 56} width={expand ? 165 : 56}
collapsible collapsible
font={font} font={font}
onClick={rest.onClick} onClick={rest.onClick}

2
src/components/layout/styled.tsx

@ -24,7 +24,7 @@ const StyledContainer = ({ id, expanded, children, ...props }: ContainerProps) =
); );
export const MainContainer = styled(StyledContainer)` export const MainContainer = styled(StyledContainer)`
padding-left: ${(props) => (props.expanded ? '193px' : '56px')}; padding-left: ${(props) => (props.expanded ? '165px' : '56px')};
height: calc(100% - 32px); height: calc(100% - 32px);
margin-top: 32px; margin-top: 32px;
overflow-y: auto; overflow-y: auto;

Loading…
Cancel
Save