Add hello-bar to website (#91)

Abhishek-kumar09 · web-flow · commit bfb4f94bc8ca · 2020-09-24T23:08:49.000+05:30
* Add hello-bar to website

* revision 1: add hello-bar to web
diff --git a/public/index.html b/public/index.html
@@ -23,6 +23,10 @@
       content="code, cause, codeforcause, learning, coding"
     />
     <meta name="author" content="Code for Cause" />
+    <script src="https://my.hellobar.com/4c5dc38c100e97f3dd9a7ab3d6e982ee78956d08.js" 
+      type="text/javascript" 
+      charset="utf-8" 
+      async="async"></script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/src/App.js b/src/App.js
@@ -42,11 +42,12 @@ const useStyles = makeStyles(() =>
         '-webkit-font-smoothing': 'antialiased',
         '-moz-osx-font-smoothing': 'grayscale',
         height: '100%',
-        width: '100%'
+        width: '100%',
       },
       body: {
         height: '100%',
-        width: '100%'
+        width: '100%',
+        overflow: 'hidden'
       },
       '#root': {
         height: '100%',
diff --git a/src/layouts/MainLayout/TopBar/index.js b/src/layouts/MainLayout/TopBar/index.js
@@ -27,6 +27,7 @@ const useStyles = makeStyles(theme => ({
     backgroundColor: theme.palette.background.default,
     paddingLeft: 70,
     paddingRight: 70,
+    top: 'auto',
     [theme.breakpoints.down('md')]: {
       paddingLeft: 15,
       paddingRight: 15
