Fix Google Adsense showing bug

grimmer0125 · May 26, 2018 · a17ca03 · a17ca03
1 parent 9490c45
commit a17ca03
Showing 1 changed file with 17 additions and 12 deletions.
diff --git a/client/js/repos/ReposPage.js b/client/js/repos/ReposPage.js
@@ -279,12 +279,15 @@ class ReposPage extends React.Component {
 
     return (
       <div className="flex-column layout-column-start-center" style={{ width: '100%' }}>
-        <ins className="adsbygoogle"
-          style={{ display: 'block' }}
-          data-ad-client="ca-pub-1240343082911496"
-          data-ad-slot="4365785532"
-          data-ad-format="auto"
-        />
+        <div style={{ width: 480 }}>
+          <ins className="adsbygoogle"
+            style={{ display: 'block' }}
+            data-ad-client="ca-pub-1240343082911496"
+            data-ad-slot="4365785532"
+            data-ad-format="auto"
+          />
+        </div>
+
         <div>
           <a href="https://grimmer.netlify.com/">About me</a>
         </div>
@@ -326,12 +329,14 @@ class ReposPage extends React.Component {
 
     return (
       <div className="flex-column layout-column-start-center" style={{ width: '100%' }}>
-        <ins className="adsbygoogle"
-          style={{ display: 'block' }}
-          data-ad-client="ca-pub-1240343082911496"
-          data-ad-slot="4365785532"
-          data-ad-format="auto"
-        />
+        <div style={{ width: 480 }}>
+          <ins className="adsbygoogle"
+            style={{ display: 'block' }}
+            data-ad-client="ca-pub-1240343082911496"
+            data-ad-slot="4365785532"
+            data-ad-format="auto"
+          />
+        </div>
         <div className="loading-text">
           {statusStr}
         </div>