Polished CSS, refactored useApi Query hook

2020-01-06 18:36:47 +01:00
parent 64b237e046
commit a35b8319fd
21 changed files with 127 additions and 407 deletions
--- a/client/src/Project/Styles.js
+++ b/client/src/Project/Styles.js
@@ -2,6 +2,12 @@ import styled from 'styled-components';

 import { sizes } from 'shared/utils/styles';

+const paddingLeft = sizes.appNavBarLeftWidth + sizes.secondarySideBarWidth + 40;
+
 export const ProjectPage = styled.div`
-  padding: 25px 32px 0 ${sizes.appNavBarLeftWidth + sizes.secondarySideBarWidth + 40}px;
+  padding: 25px 32px 50px ${paddingLeft}px;
+
+  @media (max-width: 1100px) {
+    padding: 25px 20px 50px ${paddingLeft - 20}px;
+  }
 `;