Optionnal connectivity check

3 files changed, 8 insertions, 3 deletions

diff --git a/src/App.vue b/src/App.vue
index 440ffa0..62156d2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -49,7 +49,10 @@
 
     <section id="main-section" class="section">
       <div v-cloak class="container">
-        <ConnectivityChecker @network:status-update="offline = $event" />
+        <ConnectivityChecker
+          v-if="config.connectivityCheck"
+          @network:status-update="offline = $event"
+        />
         <div v-if="!offline">
           <!-- Optional messages -->
           <Message :item="config.message" />
diff --git a/src/assets/app.scss b/src/assets/app.scss
index 001e3a4..ab067e6 100644
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -322,11 +322,11 @@ body {
     text-align: center;
     margin: 35px 0;
 
-    svg {
+    i {
       font-size: 2rem;
     }
 
-    svg.fa-redo-alt {
+    i.fa-redo-alt {
       font-size: 1.3rem;
       line-height: 1rem;
       vertical-align: middle;
diff --git a/src/assets/defaults.yml b/src/assets/defaults.yml
index a699d28..b2960c9 100644
--- a/src/assets/defaults.yml
+++ b/src/assets/defaults.yml
@@ -7,6 +7,8 @@ subtitle: "Homer"
 header: true
 footer: '<p>Created with <span class="has-text-danger">❤️</span> with <a href="https://bulma.io/">bulma</a>, <a href="https://vuejs.org/">vuejs</a> & <a href="https://fontawesome.com/">font awesome</a> // Fork me on <a href="https://github.com/bastienwirtz/homer"><i class="fab fa-github-alt"></i></a></p>' # set false if you want to hide it.
 
+connectivityCheck: true
+
 theme: default
 colors:
   light: