align map

This commit is contained in:
tim-herbst 2020-12-19 11:50:07 +01:00 committed by Tim Herbst
parent ab4ffaab87
commit 711f3457b6
6 changed files with 26 additions and 22 deletions

View File

@ -1,15 +1,15 @@
.mat-toolbar {
display: flex;
}
.map-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 30px;
height: 100%;
}
.map-frame {
border: 2px solid black;
height: 100%;
height: 90%;
}
#map {

View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["map.component.scss"],"names":[],"mappings":"AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE","file":"map.component.css"}
{"version":3,"sourceRoot":"","sources":["map.component.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE","file":"map.component.css"}

View File

@ -1,11 +1,10 @@
<p>
<mat-toolbar>
<mat-toolbar class="mat-toolbar" color="primary">
<span>My Application</span>
</mat-toolbar>
</p>
</mat-toolbar>
<div class="map-container">
<div class="map-frame">
<div id="map"></div>
</div>
</div>

View File

@ -1,16 +1,15 @@
.mat-toolbar {
display: flex;
}
.map-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 30px;
height: 100%;
}
.map-frame {
border: 2px solid black;
height: 100%;
height: 90%;
}
#map {

View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAQ;AAER;EAAa;;;AACb;EAAO;EAAW","file":"styles.css"}
{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AASQ;AATR;EACE;;;AAGF;EACE;EACA","file":"styles.css"}

View File

@ -1,4 +1,10 @@
@import "~leaflet/dist/leaflet.css";
html, body {
height: 100%;
}
html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
body {
margin: 0;
font-family: Roboto, "Helvetica Neue", sans-serif;
}
@import "~leaflet/dist/leaflet.css";