From 83576b23b893cdef4a04dc07ca103c9dcc4e2f84 Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Wed, 11 Nov 2020 15:54:08 +0200
Subject: [PATCH] Fix fixed navbar

---
 src/components/PostListItem.vue |  4 --
 src/index.html                  | 69 +++++++++++++++++----------------
 src/layouts/Default.vue         |  2 +-
 src/pages/About.vue             |  2 +-
 4 files changed, 38 insertions(+), 39 deletions(-)
diff --git a/src/components/PostListItem.vue b/src/components/PostListItem.vue
index ad2503e58..e7536fc74 100644
--- a/src/components/PostListItem.vue
+++ b/src/components/PostListItem.vue
@@ -84,8 +84,4 @@ export default {
   max-width: 100%;
   height: auto;
 }
-
-.flex-post:first-child {
-  margin-top: 60px;
-}
 </style>
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index 9c191e98f..0c8f56d76 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,47 +1,50 @@
 <!DOCTYPE html>
 <html ${htmlAttrs}>
-  <head>
+
+<head>
     ${head}
-  </head>
-  <body ${bodyAttrs}>
-    
+</head>
+
+<body ${bodyAttrs}>
+
     <script>
-      // Add dark / light detection that runs before Vue.js load. Borrowed from overreacted.io
-      // for this starter, i used the code from gridsome.org
-      (function() {
-        window.__onThemeChange = function() {};
-        function setTheme(newTheme) {
+        // Add dark / light detection that runs before Vue.js load. Borrowed from overreacted.io
+        // for this starter, i used the code from gridsome.org
+        (function() {
+            window.__onThemeChange = function() {};
 
-          window.__theme = newTheme;
-          preferredTheme = newTheme;
-          document.body.setAttribute('data-theme', newTheme);
+            function setTheme(newTheme) {
 
-          window.__onThemeChange(newTheme);
-        }
+                window.__theme = newTheme;
+                preferredTheme = newTheme;
+                document.body.setAttribute('data-theme', newTheme);
 
-        var preferredTheme;
-        try {
-          preferredTheme = localStorage.getItem('theme');
-        } catch (err) { }
+                window.__onThemeChange(newTheme);
+            }
 
-        window.__setPreferredTheme = function(newTheme) {
-          setTheme(newTheme);
-          try {
-            localStorage.setItem('theme', newTheme);
-          } catch (err) {}
-        }
+            var preferredTheme;
+            try {
+                preferredTheme = localStorage.getItem('theme');
+            } catch (err) {}
 
-        var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
+            window.__setPreferredTheme = function(newTheme) {
+                setTheme(newTheme);
+                try {
+                    localStorage.setItem('theme', newTheme);
+                } catch (err) {}
+            }
 
-        darkQuery.addListener(function(e) {
-          window.__setPreferredTheme(e.matches ? 'dark' : 'light');
-        });
+            var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
 
-        setTheme(preferredTheme || (darkQuery.matches ? 'dark' : 'light'));
-      })();
+            darkQuery.addListener(function(e) {
+                window.__setPreferredTheme(e.matches ? 'dark' : 'light');
+            });
+
+            setTheme(preferredTheme || (darkQuery.matches ? 'dark' : 'light'));
+        })();
     </script>
 
-    ${app}
-    ${scripts}
-  </body>
+    ${app} ${scripts}
+</body>
+
 </html>
\ No newline at end of file
diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue
index af3f89eba..49877ceea 100644
--- a/src/layouts/Default.vue
+++ b/src/layouts/Default.vue
@@ -49,7 +49,7 @@ export default {
   
   metaInfo: {
     bodyAttrs: {
-      class: "m-0"
+      class: "m-0 pt-12"
     }
   }
 }
diff --git a/src/pages/About.vue b/src/pages/About.vue
index a8dcd9b19..08173fdc0 100644
--- a/src/pages/About.vue
+++ b/src/pages/About.vue
@@ -1,5 +1,5 @@
 <template>
-  <Layout :hideHeader="false" :disableScroll="true">
+  <Layout :hideHeader="true" :disableScroll="true">
 
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden">
 
