🎨 (update margin, import modal)

src/App.vue

@@ -10,15 +10,6 @@
       <div class="navbar-brand">
         <router-link class="navbar-item" to="/">
           <img src="./assets/vaquant-root-white.png" title="vaquant" />
-          <online-view class="online-view">
-            <div slot="offline">
-              <img
-                class="icon"
-                src="./assets/icons/baseline_cloud_off_white_48dp.png"
-                alt="offline"
-              />
-            </div>
-          </online-view>
         </router-link>
         <app-installed class="navbar-item">
           <template v-slot:app-installed>
@@ -83,7 +74,6 @@ import ClickOutside from 'vue-click-outside'
 import { Action, Getter } from 'vuex-class'
 import IUser from '@/models/IUser'
 import { COFFEE_LINK } from '@/utils/constants'
-import OnlineView from '@/components/OnlineView.vue'
 import AppInstalled from '@/components/AppInstalled.vue'
 
 @Component({
@@ -91,7 +81,6 @@ import AppInstalled from '@/components/AppInstalled.vue'
     ClickOutside
   },
   components: {
-    'online-view': OnlineView,
     'app-installed': AppInstalled
   }
 })
@@ -136,7 +125,6 @@ export default class App extends Vue {
 
 <style lang="scss">
 $icon_size: 18px;
-$margin: 0.75rem;
 
 .navbar {
   color: red;
@@ -173,9 +161,4 @@ $margin: 0.75rem;
     opacity: 1;
   }
 }
-
-main {
-  margin-left: $margin;
-  margin-right: $margin;
-}
 </style>