Move online status tracker to sidebar.
This commit is contained in:
parent
228bca564e
commit
cfe558cccf
@ -1,2 +1 @@
|
||||
<app-network-status></app-network-status>
|
||||
<router-outlet (activate)="onResize(mediaQuery)"></router-outlet>
|
||||
|
@ -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>
|
||||
|
@ -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: [
|
||||
CommonModule,
|
||||
AuthRoutingModule,
|
||||
ReactiveFormsModule,
|
||||
MatCardModule,
|
||||
MatSelectModule,
|
||||
MatInputModule,
|
||||
MatButtonModule,
|
||||
MatRippleModule,
|
||||
],
|
||||
imports: [
|
||||
CommonModule,
|
||||
AuthRoutingModule,
|
||||
ReactiveFormsModule,
|
||||
MatCardModule,
|
||||
MatSelectModule,
|
||||
MatInputModule,
|
||||
MatButtonModule,
|
||||
MatRippleModule,
|
||||
SharedModule,
|
||||
],
|
||||
})
|
||||
export class AuthModule {}
|
||||
|
@ -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>
|
||||
|
@ -1,5 +1,6 @@
|
||||
<!-- ========== Left Sidebar Start ========== -->
|
||||
<div id="sidebar">
|
||||
<app-network-status></app-network-status>
|
||||
<nav>
|
||||
|
||||
<div class="sidebar-header">
|
||||
|
@ -18,8 +18,8 @@ body {
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.bg-dark {
|
||||
background: #313a46;
|
||||
.background-dark {
|
||||
background: #313a46 !important;
|
||||
}
|
||||
|
||||
p {
|
||||
|
Loading…
Reference in New Issue
Block a user