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,18 +10,20 @@ 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],
-  imports: [
+    imports: [
-    CommonModule,
+        CommonModule,
-    AuthRoutingModule,
+        AuthRoutingModule,
-    ReactiveFormsModule,
+        ReactiveFormsModule,
-    MatCardModule,
+        MatCardModule,
-    MatSelectModule,
+        MatSelectModule,
-    MatInputModule,
+        MatInputModule,
-    MatButtonModule,
+        MatButtonModule,
-    MatRippleModule,
+        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-dark {
-  background: #313a46;
+  background: #313a46 !important;
 }
 
 p {