Browse Source

web-ui: general app viewport improved

some classes on html and body tags were added
to keep the app always on full screen, also a
container class was added around the router-outled
tag to keep all views consistent
prometheus-integration
Mario Mejia 7 years ago
committed by Alexis Hernandez
parent
commit
6e7ebd7fb7
  1. 6
      web-ui/src/app/app.component.html
  2. 12
      web-ui/src/styles.css

6
web-ui/src/app/app.component.html

@ -1,6 +1,6 @@
<app-navbar></app-navbar>
<router-outlet></router-outlet>
<div class="container-fluid">
<router-outlet></router-outlet>
</div>
<spinner [filteredUrlPatterns]="['/blocks$']"></spinner>
<hr><hr>
<app-footer></app-footer>

12
web-ui/src/styles.css

@ -1,3 +1,15 @@
/* You can add global styles to this file, and also import other style files */
@import '~bootstrap/dist/css/bootstrap.min.css';
@import "~ngx-toastr/toastr.css";
html {
margin: 0px;
height: 100%;
width: 100%;
}
body {
margin: 0px;
min-height: 100%;
width: 100%;
}

Loading…
Cancel
Save