Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-02-26 09:54:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(maps): improve maps styles

Browse source
This commit is contained in:
KostyaDanovsky 2017-07-24 11:52:42 +03:00
parent 1a60dfa81b
commit ef994704c2
6 changed files with 43 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/app/pages/maps/leaflet/leaflet.component.html
View file

@ -1,11 +0,0 @@
<div class="row">
<div class="col-md-12">
<nga-card size="large">
<nga-card-header>Leaflet</nga-card-header>
<nga-card-body>
<div leaflet [leafletOptions]="options">
</div>
</nga-card-body>
</nga-card>
</div>
</div>

11
src/app/pages/maps/leaflet/leaflet.component.scss
View file

@ -1,9 +1,16 @@
@import '../../../@theme/styles/variables';
@include nga-install-component() {
display: block;
nga-card-header {
border: none;
}
nga-card-body {
padding: 0;
}
/deep/ .leaflet-container {
height: calc(#{nga-theme(card-height-xmedium)} - 50px);
width: 100%;
height: 500px;
}
}

10
src/app/pages/maps/leaflet/leaflet.component.ts
View file

@ -6,7 +6,14 @@ import 'style-loader!leaflet/dist/leaflet.css';
@Component({
selector: 'ngx-leaflet',
styleUrls: ['./leaflet.component.scss'],
templateUrl: './leaflet.component.html',
template: `
<nga-card>
<nga-card-header>Leaflet</nga-card-header>
<nga-card-body>
<div leaflet [leafletOptions]="options"></div>
</nga-card-body>
</nga-card>
`,
})
export class LeafletComponent {
@ -17,5 +24,4 @@ export class LeafletComponent {
zoom: 5,
center: L.latLng({ lat: 38.991709, lng: -76.886109 }),
};
}