used isMobile and showChapters to calculate padding

async-labs · Feb 19, 2018 · f99e747 · f99e747
1 parent 98f9331
commit f99e747
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/pages/public/read-chapter.js b/pages/public/read-chapter.js
@@ -176,9 +176,16 @@ class ReadChapter extends React.Component {
       showChapters,
     } = this.state;
 
+    let padding = '20px 20%';
+    if (!isMobile && showChapters) {
+      padding = '20px 10%';
+    } else if (isMobile) {
+      padding = '0px 10px';
+    }
+
     return (
       <div
-        style={{ padding: '0px 8% 20px 6%' }}
+        style={{ padding }}
         ref={(c) => {
           this.mainContent = c;
         }}