add necessary imports and adjust overall theme style

This commit is contained in:
Tim Herbst 2020-12-22 16:08:00 +01:00
parent b3d6ee8473
commit b51e533834
2 changed files with 9 additions and 1 deletions

View File

@ -20,6 +20,9 @@ import {PopUpComponent} from './map/pop-up/pop-up.component';
import {MatSidenavModule} from '@angular/material/sidenav'; import {MatSidenavModule} from '@angular/material/sidenav';
import {MatDatepickerModule} from '@angular/material/datepicker'; import {MatDatepickerModule} from '@angular/material/datepicker';
import {MatFormFieldModule} from '@angular/material/form-field'; import {MatFormFieldModule} from '@angular/material/form-field';
import {MatNativeDateModule} from '@angular/material/core';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {MatInputModule} from '@angular/material/input';
@NgModule({ @NgModule({
declarations: [ declarations: [
@ -44,7 +47,11 @@ import {MatFormFieldModule} from '@angular/material/form-field';
LayoutModule, LayoutModule,
MatSidenavModule, MatSidenavModule,
MatDatepickerModule, MatDatepickerModule,
MatFormFieldModule MatFormFieldModule,
MatNativeDateModule,
FormsModule,
ReactiveFormsModule,
MatInputModule
], ],
providers: [], providers: [],
bootstrap: [AppComponent] bootstrap: [AppComponent]

View File

@ -7,6 +7,7 @@ body {
font-family: Roboto, "Helvetica Neue", sans-serif; font-family: Roboto, "Helvetica Neue", sans-serif;
} }
@import '@angular/material/prebuilt-themes/deeppurple-amber.css';
@import "~leaflet/dist/leaflet.css"; @import "~leaflet/dist/leaflet.css";
@import "~leaflet.markercluster/dist/MarkerCluster.css"; @import "~leaflet.markercluster/dist/MarkerCluster.css";
@import "~leaflet.markercluster/dist/MarkerCluster.Default.css"; @import "~leaflet.markercluster/dist/MarkerCluster.Default.css";