Move online status tracker to sidebar.

src/app/app.component.html

@@ -1,2 +1 @@
-<app-network-status></app-network-status>
 <router-outlet (activate)="onResize(mediaQuery)"></router-outlet>

src/app/auth/auth.component.html

@@ -1,8 +1,9 @@
+<app-network-status></app-network-status>
 <div class="container">
   <div class="row justify-content-center mt-5 mb-5">
     <div class="col-lg-6 col-md-8 col-sm-10">
       <div class="card">
-        <mat-card-title class="card-header pt-4 pb-4 text-center bg-dark">
+        <mat-card-title class="card-header pt-4 pb-4 text-center background-dark">
           <a routerLink="/">
             <h1 class="text-white">CICADA</h1>
           </a>

src/app/auth/auth.module.ts

@@ -10,6 +10,7 @@ import { MatSelectModule } from '@angular/material/select';
 import { MatInputModule } from '@angular/material/input';
 import { MatButtonModule } from '@angular/material/button';
 import { MatRippleModule } from '@angular/material/core';
+import {SharedModule} from '@app/shared/shared.module';
 
 @NgModule({
   declarations: [AuthComponent, PasswordToggleDirective],
@@ -22,6 +23,7 @@ import { MatRippleModule } from '@angular/material/core';
         MatInputModule,
         MatButtonModule,
         MatRippleModule,
+        SharedModule,
     ],
 })
 export class AuthModule {}

src/app/shared/network-status/network-status.component.html

@@ -1,4 +1,4 @@
-<nav class="navbar navbar-dark bg-dark">
+<nav class="navbar navbar-dark background-dark">
   <h1 class="navbar-brand">
     <div *ngIf="noInternetConnection; then offlineBlock else onlineBlock"></div>
     <ng-template #offlineBlock>

src/app/shared/sidebar/sidebar.component.html

@@ -1,5 +1,6 @@
 <!-- ========== Left Sidebar Start ========== -->
 <div id="sidebar">
+  <app-network-status></app-network-status>
   <nav>
 
     <div class="sidebar-header">

src/styles.scss

@@ -18,8 +18,8 @@ body {
   background: #fafafa;
 }
 
-.bg-dark {
-  background: #313a46;
+.background-dark {
+  background: #313a46 !important;
 }
 
 p {