feat: More space for content on larger screens

2021-04-23 16:41:40 -07:00
parent c8055e40bb
commit f27072d06e
2 changed files with 5 additions and 1 deletions
--- a/app/components/CenteredContent.js
+++ b/app/components/CenteredContent.js
@@ -21,6 +21,10 @@ const Container = styled.div`
 const Content = styled.div`
  max-width: 46em;
  margin: 0 auto;
+
+  ${breakpoint("desktopLarge")`
+    max-width: 52em;
+  `};
 `;

 const CenteredContent = ({ children, ...rest }: Props) => {
--- a/app/scenes/Document/components/Document.js
+++ b/app/scenes/Document/components/Document.js
@@ -498,7 +498,7 @@ const MaxWidth = styled(Flex)`
  `};

  ${breakpoint("desktopLarge")`
-    max-width: calc(48px + 46em);
+    max-width: calc(48px + 52em);
  `};
 `;