Optionnal connectivity check

diff --git a/src/App.vue b/src/App.vue
index 440ffa088e5b5e4b70248b973b931d8b574d0e3c..62156d2ce9a87658a4145808d4bf355ea7cb75be 100644 (file)
--- 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 001e3a4d395adb37ea8fbbb6ba2e1d95477fc62e..ab067e6941f586d185dd13c45a1f18642ed94abd 100644 (file)
--- 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 a699d28e336bc712e860311c884250350383aaca..b2960c9e626cbc66c6f0dd76d74603790b2e0ceb 100644 (file)
--- 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: